`
lj6684
  • 浏览: 956307 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

jQuery 处理 Ajax 请求备忘

    博客分类:
  • Web
 
阅读更多
jQuery自带的Ajax函数使用过程注意事项

1. 以GET方式发送Ajax请求
 $.get(url, // 请求地址
 requestData, // 请求数据
 function(responseData){
   // 响应数据处理函数
 });
  
       请求参数以JSON形式封装
    requestData = {username:$(#username).val()}


2. 同理支持以POST方式发送Ajax请求
$.post(url, reqData, function(repData){...});


3. 如何使用JavaScript处理服务端返回的JSON数据
   假如服务端返回的数据为
{"name":"tom", "age":20, "tel":13877665544} 

   这其实是一个javascript对象数据
   客户端接到此数据后首先还原javascript对象,然后就可以取对象属性
	var user = eval("(" + data + ")"); //还原对象
	user.name  // 取对象属性
	user.age
	user.tel

   这样就可以直接访问javascript对象的属性
    如果对象为数组,使用 user[0] 数组下标方式访问

4. jQuery提供 serialize() 方法来把整个表单请求参数全部序列化
   <form id="queryForm">...</form>
	$.get(url,
		$("#queryForm").serialize(), // 表单序列化
		function(data) {
		   // ...
		});
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics