// IE9及以上
 // const xhr = new XMLHttpRequest()
 // IE9以下
 // const xhr = new ActiveXObject('Mricosoft.XMLHTTP')

 // 對(duì)于這個(gè)兼容寫(xiě)法我們可以用一個(gè)函數(shù)來(lái)封裝
 function createXHR() {
 var req = null;
 if (window.XMLHttpRequest) {
 // 如果有這個(gè)XMLHttpRequest對(duì)象就直接使用
 req = new XMLHttpRequest();
 } else {
 // 否則就使用IE8一下的寫(xiě)法
 req = new ActiveXObject("Microsoft.XMLHTTP");
 }
 return req;
 }
 // 第一步:創(chuàng)建ajax對(duì)象
 var xhr = createXHR(); //這樣就拿到了一個(gè)ajax對(duì)象
 // 第二步:配置網(wǎng)絡(luò)請(qǐng)求信息

 xhr.open('get', './demo.php', true)
 // xhr.open('get/post','要發(fā)送網(wǎng)絡(luò)請(qǐng)求去哪個(gè)地址',同步還是異步默認(rèn) true 表示異步，false 表示同步)
 // 如果是get請(qǐng)求有參數(shù)需要拼接在地址后面,例如'./demo.php?id=2&name=sanqi'
 // 如果是post請(qǐng)求,參數(shù)就要放在send()里面,例如:xhr.send('id=2&name=sanqi')
 // 第三步:發(fā)送網(wǎng)絡(luò)請(qǐng)求
 xhr.send() //
 // 第四部:判斷響應(yīng)狀態(tài)拿到數(shù)據(jù)
 xhr.onreadyStateChange = function () {
 // 每次 readyState 改變的時(shí)候都會(huì)觸發(fā)該事件
 // 我們就在這里判斷 readyState 的值是不是到 4
 // 并且 http 的狀態(tài)碼是不是 200 ~ 299
 if (xhr.readyState === 4 && /^2\d{2|$/.test(xhr.status)) {
 // 這里表示驗(yàn)證通過(guò)
 // 我們就可以獲取服務(wù)端給我們響應(yīng)的內(nèi)容了
 console.log(xhr.response);
 }
 }

<?php
header('content-type:text/html;charset=utf-8;');
 $id = $_REQUEST['id'];
 $name = $_REQUEST['name'];
 $arr = [
 'id' => $id,
 'name' => $name
 ];
 echo json_encode($arr);
?>

  $.get('./test.php','id=999&name=三七安',function (res) { 
  //第一個(gè)參數(shù)是請(qǐng)求的地址
  //第二個(gè)參數(shù)是要發(fā)送給服務(wù)器的數(shù)據(jù)
  //第三個(gè)參數(shù)是成功時(shí)的回調(diào)函數(shù),里面包含服務(wù)返回給我們的數(shù)據(jù)
  //第四個(gè)參數(shù)是我們希望拿到的數(shù)據(jù)格式:有幾種選擇:json,text,html,xml,script
  console.log(res);
  },'json')

	 $.post('./test.php',{id:123,name:'post請(qǐng)求'},function (res) { 
	 //這里其他參數(shù)和get請(qǐng)求一致的
	 //注意,這里的傳輸數(shù)據(jù)我用 對(duì)象的格式來(lái)寫(xiě),也能發(fā)送請(qǐng)求成功,也就是說(shuō)
	 //無(wú)論是get請(qǐng)求還是post請(qǐng)求,想服務(wù)端傳數(shù)據(jù),既可以使用字符串格式也可以使用對(duì)象格式
  console.log(res);
  },'json')

 // 使用 $.ajax 方法
 // 只接受一個(gè)參數(shù)，是一個(gè)對(duì)象，這個(gè)對(duì)象對(duì)當(dāng)前的請(qǐng)求進(jìn)行所有的配置
 $.ajax({
  url: './ajax', // 必填，請(qǐng)求的地址
  type: 'GET', // 選填，請(qǐng)求方式，默認(rèn)是 GET（忽略大小寫(xiě)）
  data: {}, // 選填，發(fā)送請(qǐng)求是攜帶的參數(shù)
  dataType: 'json', // 選填，期望返回值的數(shù)據(jù)類型，默認(rèn)是 string
  async: true, // 選填，是否異步，默認(rèn)是 true
  success() {}, // 選填，成功的回調(diào)函數(shù)
  error() {}, // 選填，失敗的回調(diào)函數(shù)
  cache: true, // 選填，是否緩存，默認(rèn)是 true
  context: div, // 選填，回調(diào)函數(shù)中的 this 指向，默認(rèn)是 ajax 對(duì)象
  status: {}, // 選填，根據(jù)對(duì)應(yīng)的狀態(tài)碼進(jìn)行函數(shù)執(zhí)行
  timeout: 1000, // 選填，超時(shí)事件
 })

$.ajax({
  type: "get",
  url: "./test.php",
  data: {
   id:000,
   name:'發(fā)送$.ajax請(qǐng)求的演示'
  },
  dataType: "json",
  success: function (response) {
   console.log(response);
  }
  });

$(window).ajaxStart(function () {
 console.log('有一個(gè)請(qǐng)求開(kāi)始了')
})

$(window).ajaxSend(function () {
 console.log('有一個(gè)要發(fā)送出去了')
})

$(window).ajaxSuccess(function () {
 console.log('有一個(gè)請(qǐng)求成功了')
})

$(window).ajaxError(function () {
 console.log('有一個(gè)請(qǐng)求失敗了')
})

$(window).ajaxComplete(function () {
 console.log('有一個(gè)請(qǐng)求完成了')
})

$(window).ajaxStop(function () {
 console.log('有一個(gè)請(qǐng)求結(jié)束了')
})