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

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