当前位置: 代码迷 >> Java Web开发 >> ajax(或者jquery)怎么提交整个form表单
  详细解决方案

ajax(或者jquery)怎么提交整个form表单

热度:13   发布时间:2016-04-17 10:28:33.0
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_NM; }, //荷受者
  相关解决方案