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){
警报(保存的数据++);
}
});
好的,它很简单,如果可以的话,你可以用它。
哈哈.
如果有问题,欢迎光临。