原生回顾
- 编写常规的 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 = [{},{},{}]
- 查询所有的时候,模糊查询