jQuery通过Ajax提交表单表单的具体实现。

今天,我只看到jQuery向服务器提交数据的Ajax方法。The original is:

将数据保存到服务器,并在成功时显示信息。
jQuery代码:
复制代码代码如下所示:
$ ajax({
类型:邮政
URL
数据:name = johnlocation =波士顿
成功:函数(MSG){
警报(保存的数据++);
}
});

然后我考虑了一下。我想提交一个表单,但我不能让每一个从输入写var = $(#演示divname )瓦迩();
后来,今天我看到了一个方法,那就是;
代码如下,我想提交表单的id为dlg_form所有输入数据,
复制代码代码如下所示:


房间:



建筑:



部:






空调控制器


Port:



地址:



操作模式:



启用了吗:







灯光控制器


Port:



地址:



操作模式:



启用了吗:






安装了总表。


全表电能节点:




这不是很多。如果你想写每一个输入,你想吐血吗
看看我的方法。首先,我们从输入中获取所有的名称和值,
js代码如下所示:
复制代码代码如下所示:
无功str_data = $(# dlg_form输入)。图(函数(){()
收益($(this)。Attr(名称)+=+ $(this)(瓦迩));
})获取();
警报(数据);

PS:你清醒,你会发现,这个建筑是divname = xxxdivname2 = XXXX等。

然后回头看看Ajax提交:
复制代码代码如下所示:
$ ajax({
类型:邮政
URL
数据:name = johnlocation =波士顿
成功:函数(MSG){
警报(保存的数据++);
}
});

你找到了吗只要我们得到了上面的数据。

完整的代码,修改后应该是
复制代码代码如下所示:
$ ajax({

无功str_data = $(# dlg_form输入)。图(函数(){()
收益($(this)。Attr(名称)+=+ $(this)(瓦迩));
})获取();
类型:邮政
URL
数据:str_data,
成功:函数(MSG){
警报(保存的数据++);
}
});

好的,它很简单,如果可以的话,你可以用它。

哈哈.

如果有问题,欢迎光临。