ajax篇

Ajax

Ajax全称Asynchronous Javascript And XML(异步JavaScriptXML),是一种用于创建快速动态网页的技术。它在不重载全部网页页面的情况下,实现了对部分网页的更新。

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

适用场景

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

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

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

关于JSON

JSON全称JavaScript Object NotationJS对象简谱,是一种轻量级的数据交换格式。
语法:

JSONJS对象的关系
JSONJS对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串。

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

JSONJS对象互转
要实现从对象转换为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'}

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

ajax篇

全文结束