ajax（或者jquery）怎么提交整个form表单

Posted 2023-03-13

于是我想当修改成功的时候将信息返回到页面，想到ajax但是 我提交的是整个form表单的值 这个表单中有很多表单域的！就像注册一样要提交很多信息但是目前$.post（）这种方式是不是只带一个参数。就算可待多个参数，那么我是不是要在,"":,"":.........将所有的信息都这么写在这里面这样是不是有点太麻烦了------解决方案--------------------------------------------------------JScript code $.ajax( cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid async: false, error: function(request) alert("Connection error"); , success: function(data) $("#commonLayout_appcreshi").parent().html(data); );------解决方案--------------------------------------------------------var options =url:'xxxx.action',type:'post',data:null,success:function(data)if(data.statusCode=="OK") else;var form =$("form[name=form1]");//form1:表单ID 在表单界面只用这一个表单IDform.ajaxSubmit(options);------解决方案--------------------------------------------------------jQuery ajax - serialize() 方法定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。JScript code <form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div> <textarea name="d" rows="8" cols="40">4</textarea> </div> <div><select name="e"> <option value="5" selected="selected">5</option> <option value="6">6</option> <option value="7">7</option> </select></div> <div> <input type="checkbox" name="f" value="8" id="f" /> </div> <div> <input type="submit" name="g" value="Submit" id="g" /> </div> </form> $('form').submit(function() alert($(this).serialize()); return false; );------解决方案-------------------------------------------------------- $.ajax(url: "/OrderManage/DataSave", 参考技术A $("button").click(function()
$.post("你的服务器文件",
//表单里的内容
name:"Donald Duck",
city:"Duckburg"
,
function(data,status)
alert("数据：" + data + "\n状态：" + status);
);
);