ajax篇

ajax

ajax全称asynchronous javascript and xml（异步javascript和xml），是一种用于创建快速动态网页的技术。它在不重载全部网页页面的情况下，实现了对部分网页的更新。

ajax请求和浏览器地址请求区别

• 浏览器发起的请求，请求结果展示在浏览器上
• ajax发起的请求，结果保存在js变量里

适用场景

• 注册用户时，对用户名的唯一性进行验证
• 发送手机验证码
• 只要是不刷新网页，收发数据的情况，ajax都是不错的选择

语法：$.ajax([settings])
常备参数

• url ：发送请求的地址
• type：请求方式，值为get,post，默认为get
• data：发送到服务器的数据
• async：请求类型，值为true,false，分别代表异步和同步，默认为true
• datatype：预期服务器返回的数据类型，可用值xml, html, json, text等
• success：function()，请求成功后的回调函数
• error，function()，请求失败后的回调函数
• timeout：设置请求超时时间（毫秒）
  注：当datatype为json，即返回值类型为json的情况下，ajax获取到的值是object类型

ajax中需要注意的问题：
跨域问题
说到跨域，必须得理解同源的概念，同源：两个页面地址中的协议、域名和端口号都相同。而跨域则是源a中的代码去请求源b中的数据，由于安全方面的原因，客户端js使用xmlhttprequest只能同源访问，跨域访问会出错。（暂不提如何解决跨域问题）

ajax调试
进入chrome控制台
点击network

• headers：在request headers中可以看到发送的数据
• response：服务器返回的内容
  选中xhr：xml http request，表示由ajax发起的请求

关于json

json全称javascript object notation，js对象简谱，是一种轻量级的数据交换格式。
语法：

• 对象表示为键值对
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数据

json和js对象的关系
json是js对象的字符串表示法，它使用文本表示一个js对象的信息，本质是一个字符串。

var obj = {a: 'hello', b: 'world'};   //js对象    
var json = "{'a': 'hello', 'b': 'world'}";  //json字符串

json和js对象互转
要实现从对象转换为json字符串，使用json.stringify()方法：
var json = json.stringify({a: 'hello', b: 'world'}); //结果是"{'a': 'hello', 'b': 'world'}"

要实现从json转为对象，使用json.parse()方法：
var obj = json.parse("{'a': 'hello', 'b': 'world'}"); //结果是{a: 'hello', b: 'world'}

json和php对象互转
$str = json_encode($obj); //对象转json字符串
$obj = json_decode($json); //json字符串转对象