AJAX
概念: 异步javascript和XML(json).
作用:进行数据交换,使网页实现异步更新,可以只对网页的某部分进行更新,这也是它的主要用途,像新浪微博、各类电子地图,手机端的大部分页面等等都用了AJAX.
如何使用AJAX来请求数据
1、创建XMLHttpRequest对象(要考虑到标注浏览器的做法,和老版浏览器的差异)
2、向服务器发送请求
2.1配置请求
2.2发送请求
2.3监听readystatechange事件
详细请求步骤
1、创建出XMLHttpRequest对象
需要考虑 浏览器的兼容性
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
2.1、配置请求(初始化请求信息)
xhr.open('GET', 'data.json', true);//get参数写在url里?
xhr.open('POST', 'data.json', true);
2.2、发送请求
xhr.send(null);//get发送方式
xhr.send('usr=123&pass=123');//post发送方式 参数写在send里
2.3、监听请求结果(返回值)
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
var result = JSON.parse(xhr.responseText);
}
}
JSON:json是一种基于文本的数据交换格式
JSON是一种简单数据格式,它有三种数据结构:
键值对(属性) —— Name/Value (Key/Value)
对象 —— Object
数组 —— Arrays
{
"book":[{
"name":"西游记",
"writer":"吴承恩",
"price":"30"}
, {
"name":"《红楼梦》",
"writer":"曹雪芹",
"price":"50"}
]
}
上面代码的格式就是使用的基本形式,book就是对象,{}里的是键值对(也可以称为属性)他们用“,”隔开使用,[ ] 就是数组,在JSON中[]来包含数组元素。