jQuery 处理 Ajax 请求备忘

[b]jQuery自带的Ajax函数使用过程注意事项[/b]

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) {
		   // ...
		});