Question

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

Answer 1

于是我想当修改成功的时候将信息返回到页面，想到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 在表单界面只用这一个表单ID form.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",

Answer 2

$("button").click(function(){
$.post("你的服务器文件",
{//表单里的内容
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("数据：" + data + "\n状态：" + status);
});
});