原生JS处理

创建 XMLHttpRequest对象

  1. var xmlhttp;
  2. if(window.XMLHttpRequest){
  3.     // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
  4.     xmlhttp = new XMLHttpReques();
  5. }else{
  6.     // IE6, IE5 浏览器执行代码
  7.     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8. }

发送请求

基本格式

  1. // method为get或者post，url为请求地址，async为异步还是同步
  2. xmlhttp.open(method, url, async)
  3. xmlhttp.send()

GET

  1. // 格式
  2. xmlhttp.open("get","url", true);
  3. xmlhttp.send();

POST

  1. // 简单请求
  2. xmlhttp.open("post","url",true);
  3. xmlhttp.send();
  5. // 添加HTTP头
  6. xmlhttp.open("post","url",true);
  7. xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  8. xmlhttp.send("fname=zhang&lname=san");//携带参数

请求处理

  1. xmlhttp.onreadystatechange=function(){
  2.     if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
  3.         //数据处理
  4.     }
  5. }

jQuer处理

  1. $.ajax({
  2.     type: "get",
  3.     url: "数据接口地址",
  4.     data: {
  5.         // query传递参数
  6.     },
  7.     dataType:"json",
  8.     success:function(res){
  9.         //请求成功后，处理返回数据
  10.     },
  11.     error:function(res){
  12.         //请求失败后，处理返回的结果
  13.     }
  14. })