日期:2014-05-16  浏览次数:20587 次

jQuery 处理 Ajax 请求备忘
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) {
		   // ...
		});