Jquery对ajax的支持及json对象

原生回顾

• 编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着您必须编写额外的代码对浏览器进行测试。
• 不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。
• 1：获取ajax引擎
• 2：获取要交互的数据
• 3：创建url - 后台程序的地址
• 4：使用open方法建立链接
• 5：发送请求：send（String）
• 6：编写回调函数

Jquery对ajax的支持

 

 

• 语法：

	$.ajax({
	  type: "POST",
	  url: "/项目名/url映射",
	  data: "username="+username,
	  success: function(msg){
	    alert( "Data Saved: " + msg );
	  }
	}); 	

• 此方法因为偏底层,使用比较繁琐，所以在实际开发中，应用很少；
• 在实际开发中可能下面的写法会使用的多一点

语法 ： $.get()/$.post("url","param",function(data){
	...
	}); 

• url: Ajax访问服务器地址
• param: 代表请求参数
• function 回调函数
• data 代表从服务器返回数据容                                                             
• 因为乱码的问题得出一个经验:
  • 如果传递参数给服务器使用 $.post , 不需要传参数可以使用 $.get

json对象

• JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。简单地说，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪，但是JavaScript很容易解释它。

在js中｛｝表示的是对象

• 定义json对象:

var JSON对象 = { "name" : value,  "name" : value, …… } ;
如：var person = { "name" : "张三","age" : 30 } ;

• 定义json对象数组
• Var arr = [{},{},{}]
• 查询所有的时候，模糊查询