ajax相关基础

什么是ajax

• 概念: 异步javascript和XML(json)。

• 作用：进行数据交换，使网页实现异步更新，可以只对网页的某部分进行更新，这也是它的主要用途，像新浪微博、各类电子地图，手机端的大部分页面等等都用了ajax。

如何使用AJAX来请求数据

• 创建XMLHttpRequest对象（要考虑到标注浏览器的做法，和老版浏览器的差异）
• 向服务器发送请求
• 配置请求
• 发送请求
• 监听readystatechange事件

详细请求步骤

• 创建出XMLHttpRequest对象
  需要考虑 浏览器的兼容性

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');

• 配置请求（初始化请求信息）

xhr.open('GET', 'data.json', true);//get参数写在url里?
xhr.open('POST', 'data.json', true);

• 发送请求

xhr.send(null);//get发送方式
xhr.send('usr=123&pass=123');//post发送方式 参数写在send里

• 监听请求结果（返回值）

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中[]来包含数组元素。

以上ajax简单基础希望大家喜欢，与大家共同探讨才能共同进步。