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);
     }}
     

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