码迷,mamicode.com
首页 > Web开发 > 详细

ajax传输数据

时间:2017-05-10 15:44:06      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:todo   function   pos   传输数据   .com   adduser   serialize   user   序列   

AJAX向后台传输数//1 直接在url中传递

$.ajax({

type: "POST",

url: "/testAjax/addUser?id=1&name=zhangxiaofan&sex=male",

success:function(data){

//TODO

}

});

//2 html页面from表单序列化

var formData = $("#form").serialize();

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: formData,

success:function(data){

//TODO

}

});

//3 拼接data字符串

var formData = $("#form").serialize();

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: "id=1&name=zhangxiaofan&sex=male",

success:function(data)

}

});

//4 简单的js对象

var userData = {

id:1,

name:zhangxiaofan,

sex:male

};

$.ajax({

type: "POST",

url: "/testAjax/addUser",

data: userData, //或者data:{id:1,name:zhangxiaofan,sex:male}

success:function(data){

//TODO

}

})
拼接data法详解:

http://simple.logphp.com/?a=url&k=6668b1fc&u=aHR0cDovL3d3dy5jbm

ajax传输数据

标签:todo   function   pos   传输数据   .com   adduser   serialize   user   序列   

原文地址:http://www.cnblogs.com/wangyuyuan/p/6836076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!