日期:2014-05-17  浏览次数:20818 次

ajax(或者jquery)如何提交整个form表单?
$.post(url,{"":,"random":Math.random()},function(data){});这种方式提交的数据可以得到后台返回的结果
于是我想当修改成功的时候将信息返回到页面,想到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",
data: {
strMALL_CD: function () { return strMALL_CD; }, //モール
strSHOP_CD: function () { return strSHOP_CD; }, //店舗
strORDER_CD: function () { return strORDER_CD; }, //注文書
strBILL_RETURN_CD: function () { return strBILL_RETURN_CD; }, //返品書
strEMPLOYER_NM: function () { return strEMPLOYER_NM; }, //発注者
strEMPLOYER_TEL: function () { return strEMPLOYER_TEL; }, //電話番号
strEMPLOYER_TEL1: function () { return strEMPLOYER_TEL1; }, //携帯番号
strEMPLOYER_MAIL: function () { return strEMPLOYER_MAIL; }, //メール
strCONSIGNEE_NM: function () { return strCONSIGNEE_