ajax的基础用法

Ajax用法

ajax是能够在不刷新页面的情况下，让网页局部数据更新的技术

Ajax请求数据三剑客

• 创建对象

  var request=new XMLHttpRequest()
  

• 发送请求

  request.open("get","hot.json",true);//hot.json是本地存在的JSON文档
  request.send();
  

• 等待响应
  request.onreadystatechange 有以下值：

  1. 请求未初始化

  2. 服务器连接已建立

  3. 请求已接收
     4.请求处理中

  4. 请求已完成，且响应已就绪
     每次网络请求时都会调用这个方法，可以类比快递的装填

      request.onreadystatechange=function(){
        if(request.readyState==4 && request.status==200){
          //代表请求成功并返回了数据
          //字符串格式的数据（JSON）
          //responseXML XML格式的数据
              console.log(request.responseText);
              var obj=JSON.parse(request.responseText);
              console.log(obj);
        }}
     

这只是基础的一小部分后面还有很多需要去学习。