AJAX

一、AJAX简介

AJAX是能够在不刷新页面的情况下,让局部数据跟新的技术

二、AJAX请求数据分为三步

1、创建对象
  var request = new XMLHttpRequest();
2、发送请求

分为 get、post
单线程和多线程
同步(不可同时执行)和异步(可多个事件同时执行)

    request.open("get","test.json",true);    // 规定请求: 类型、URL 、以及是否异步处理请求
    request.send();                          // 将请求发送到服务器
3、等待响应

每次网络请求的状态代表都会调用这个方法

request.onreadystatechange = function(){
    if(request.readyState == 4 && request.status == 200){
          // 请求成功并返回了数据
    }
}

readyState有以下值:
// 0: 请求未初始化
// 1: 服务器连接已建立
// 2: 请求已接收
// 3: 请求处理中
// 4: 请求已完成,且响应已就绪

status有以下值:
200:OK
404:未找到页面

三、返回的数据的主要格式

一、JSON格式-----responseText获取
    var obj = JSON.parse(request.responseText);   // 将JSON转为对象 
二、XML格式-------responseXML获取

四、JQ中AJAX的应用

$.ajax({
  type:"get",
  url:"test.json",
  success:function(msg){
    console.log(JSON.parse(msg));  // msg保存的就是对应的数据
  }
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容