简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

ajax异步处理POST表单中的数据示例代码

来源:易贤网   阅读:1146 次  日期:2014-08-05 16:28:04

温馨提示:易贤网小编为您整理了“ajax异步处理POST表单中的数据示例代码”,方便广大网友查阅!

这篇文章主要介绍了如何利用ajax异步处理POST表单中的数据,下面有个不错的示例,大家可以参考下

//防止页面进行跳转

02

 

 

03

$(document).ready(

function

(){

04

$(

"#submit"

).click(

function

(){

05

var

str_data=$(

"#form1 input[type=text]"

).map(

function

(){

06

return

($(

this

).attr(

"name"

)+

'='

+$(

this

).val());

07

}).get().join(

"&"

);

08

var

box_data=$(

"input[type=checkbox]:checked"

).map(

function

(){

09

return

($(

this

).attr(

"name"

)+

'='

+$(

this

).val());

10

}).get().join(

"&"

);

11

var

race=$(

"#race"

).val();

12

var

volume=$(

"#volume"

).val();

13

str_data+=

"&volume="

+volume;

14

str_data+=

"&race="

+race;

15

str_data+=

"&"

+box_data;

16

$.ajax({ 

17

type:

"POST"

,

18

url:

"deal.php"

,

19

data:str_data,

20

success:

function

(msg){

21

$(

"#myModal .modal-body"

).html(msg);

22

}

23

});

24

});

25

});

更多信息请查看IT技术专栏

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:ajax实现点击不同的链接让返回的内容显示在特定div里
下一篇:ajax回调函数中使用$(this)取不到对象的解决方法
易贤网手机网站地址:ajax异步处理POST表单中的数据示例代码
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!