Ajax获取form表单提交数据

本是古典何须时尚 2022-06-16 12:27 408阅读 0赞

<!DOCTYPE html >

< html  lang= "en" >

< head >

< meta  charset= "UTF-8" >

< meta  name= "viewport"  content= "width=device-width, initial-scale=1.0" >

< meta  http-equiv= "X-UA-Compatible"  content= "ie=edge" >

< title >Document </ title >

< script src= "jquery-1.11.1.min.js" ></ script >

</ head >

< body >

< form  id= "\_form"  method= "post" >

< div  class= "fitem" >

< label > 房间: </ label >

< input name= "fangjian" style= "padding: 2px; width: 135px; border: 1px solid \#A4BED4;" required  />

</ div >

< div  class= "fitem" >

< label > 建筑: </ label >

< input name= "jianzhu" class= "easyui-combobox" style= "padding: 2px; width: 141px; " required  />

</ div >

< div  class= "fitem" >

< label > 部门: </ label >

< input name= "bumen" class= "easyui-combobox" style= "padding: 2px; width: 141px; " required  />

</ div >

</ form >

< script >

$( function()\{

/\*var str\_data = $('\#\_form input').map(function()\{

return ($(this).attr('name')+'='+$(this).val());

\}).get().join('&');

alert(str\_data);

\*/

$. ajax(\{

var str\_data = $('\# \_form input'). map( function()\{

return ( $( this). attr( 'name')+ "="\+ $( this). val());

\}).g et(). join('&');

type: 'post',

url: 'url',

data:str\_data,

success: function( msg)\{

// do something...

\}

\})

\})

</ script >

</ body >

</ html >

发表评论取消回复

表情：

评论列表（有 0 条评论，408人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax提交form表单

Ajax提交form表单 $.ajax({ //几个参数需要注意一下 type: "PO

╰+攻爆jí腚メ/ 2022年12月11日 04:21/ 0 赞/ 258 阅读

相关 ajax 从form 拿数据,获取到整个form表单数据，使用Ajax将其提交给后台

使用方式 $("\regBtn").click(function()\{ //封好的提交方法(1,form表单id，) ajaxgoform($("\form"),"\{

爱被打了一巴掌/ 2022年09月03日 06:18/ 0 赞/ 155 阅读

相关使用ajax提交form表单

function mySubmit(){ var chapter=$("myForm").serialize(); $.ajax({ typ

比眉伴天荒/ 2022年08月23日 03:48/ 0 赞/ 271 阅读

相关 Ajax提交Form表单

1. 背景在java后台开发中，经常要从前端向后台提交表单数据。利用Ajax进行Form表单提交，是很常用的方法。本文主要讲解Ajax提交表单的基本应用。 2. Ajax

迷南。/ 2022年07月21日 01:47/ 0 赞/ 311 阅读

相关 Ajax获取form表单提交数据

<!DOCTYPE html > < html lang= "en" > < head > < meta charset= "UTF-8" > < meta na

本是古典何须时尚/ 2022年06月16日 12:27/ 0 赞/ 409 阅读

相关 ajax提交form表单

var form=document.getElementById("inspectForm");//inspectForm为Form表单的ID var f

浅浅的花香味﹌/ 2022年05月22日 22:12/ 0 赞/ 296 阅读

相关用Ajax方式提交form表单

用Ajax方式提交form表单一、写一个表单 <table> <tbody> <tr> <td style="width:14px;"> <p>

深碍√TFBOYSˉ_/ 2022年05月17日 13:23/ 0 赞/ 263 阅读

相关 Form表单提交JSON数据

1.定义方法 //定义serializeObject方法，序列化表单 $.fn.serializeObject = function() {

迈不过友情╰/ 2022年04月18日 03:38/ 0 赞/ 727 阅读

相关 form表单提交（非ajax提交）前表单校验

<form action="{:url('index/index/loginadd')}" method="post" > <div class="userN

ゝ一世哀愁。/ 2021年10月13日 02:59/ 0 赞/ 647 阅读

相关 layui form 表单ajax 提交

layui.use(['form','jquery'],function(){ //var form = layui.form(),

港控/mmm°/ 2021年09月30日 02:42/ 0 赞/ 851 阅读