AJAX 簡介

AJAX 是一種在無需重新加載整個(gè)網(wǎng)頁的情況下福稳，能夠更新部分網(wǎng)頁的技術(shù)痊硕。

什么是 AJAX 咆槽？

AJAX = 異步 JavaScript 和 XML缸榛。
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)盟萨。
通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換症革，AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下鸯旁，對(duì)網(wǎng)頁的某部分進(jìn)行更新噪矛。
傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必需重載整個(gè)網(wǎng)頁面铺罢。
有很多使用 AJAX 的應(yīng)用程序案例：新浪微博艇挨、Google 地圖、開心網(wǎng)等等韭赘。

AJAX 工作原理

AJAX 是基于現(xiàn)有的 Internet 標(biāo)準(zhǔn)

AJAX 是基于現(xiàn)有的 Internet 標(biāo)準(zhǔn)缩滨，并且聯(lián)合使用它們：

XMLHttpRequest 對(duì)象 (異步的與服務(wù)器交換數(shù)據(jù))
JavaScript/DOM (信息顯示/交互)
CSS (給數(shù)據(jù)定義樣式)
XML (作為轉(zhuǎn)換數(shù)據(jù)的格式)

AJAX 應(yīng)用程序與瀏覽器和平臺(tái)無關(guān)的！

AJAX 實(shí)例

上面的 AJAX 應(yīng)用程序包含一個(gè) div 和一個(gè)按鈕。
div 部分用于顯示來自服務(wù)器的信息脉漏。當(dāng)按鈕被點(diǎn)擊時(shí)苞冯，它負(fù)責(zé)調(diào)用名為 loadXMLDoc() 的函數(shù)：

<!DOCTYPE html>

    <html>
    <body>
    
    <div id="myDiv"><h2>Let AJAX change this text</h2></div>
    <button type="button" onclick="loadXMLDoc()">Change Content</button>
    
    </body>
    </html>

接下來，在頁面的 head 部分添加一個(gè) <script> 標(biāo)簽侧巨。該標(biāo)簽中包含了這個(gè) loadXMLDoc() 函數(shù)：

<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>

AJAX - 創(chuàng)建 XMLHttpRequest 對(duì)象

XMLHttpRequest 是 AJAX 的基礎(chǔ)舅锄。

XMLHttpRequest 對(duì)象

所有現(xiàn)代瀏覽器均支持 XMLHttpRequest 對(duì)象（IE5 和 IE6 使用 ActiveXObject）。
XMLHttpRequest 用于在后臺(tái)與服務(wù)器交換數(shù)據(jù)司忱。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下皇忿，對(duì)網(wǎng)頁的某部分進(jìn)行更新。

創(chuàng)建 XMLHttpRequest 對(duì)象

所有現(xiàn)代瀏覽器（IE7+坦仍、Firefox鳍烁、Chrome、Safari 以及 Opera）均內(nèi)建 XMLHttpRequest 對(duì)象繁扎。
創(chuàng)建 XMLHttpRequest 對(duì)象的語法：
variable=new XMLHttpRequest();

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 對(duì)象：
variable=new ActiveXObject("Microsoft.XMLHTTP");

為了應(yīng)對(duì)所有的現(xiàn)代瀏覽器幔荒，包括 IE5 和 IE6，請(qǐng)檢查瀏覽器是否支持 XMLHttpRequest 對(duì)象梳玫。如果支持铺峭，則創(chuàng)建 XMLHttpRequest 對(duì)象。如果不支持汽纠，則創(chuàng)建 ActiveXObject :

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>

AJAX - 向服務(wù)器發(fā)送請(qǐng)求請(qǐng)求

XMLHttpRequest 對(duì)象用于和服務(wù)器交換數(shù)據(jù)。

向服務(wù)器發(fā)送請(qǐng)求

如需將請(qǐng)求發(fā)送到服務(wù)器傀履，我們使用 XMLHttpRequest 對(duì)象的 open() 和 send() 方法：

xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

<table>
<tbody>
<tr>
<th style="width:40%;">方法</th>
<th>描述</th>
</tr>
<tr>
<td>open(<i>method</i>,<i>url</i>,<i>async</i>)</td>
<td><p>規(guī)定請(qǐng)求的類型虱朵、URL 以及是否異步處理請(qǐng)求。</p>
<ul>
<li><i>method</i>：請(qǐng)求的類型钓账；GET 或 POST</li>
<li><i>url</i>：文件在服務(wù)器上的位置</li>
<li><i>async</i>：true（異步）或 false（同步）</li>
</ul>
</td>
</tr>
<tr>
<td>send(<i>string</i>)</td>
<td><p>將請(qǐng)求發(fā)送到服務(wù)器碴犬。</p>
<ul>
<li><i>string</i>：僅用于 POST 請(qǐng)求</li>
</ul>
</td>
</tr>
</tbody>
</table>

GET 還是 POST？

與 POST 相比梆暮，GET 更簡單也更快服协，并且在大部分情況下都能用。
然而啦粹，在以下情況中偿荷，請(qǐng)使用 POST 請(qǐng)求：

無法使用緩存文件（更新服務(wù)器上的文件或數(shù)據(jù)庫）
向服務(wù)器發(fā)送大量數(shù)據(jù)（POST 沒有數(shù)據(jù)量限制）
發(fā)送包含未知字符的用戶輸入時(shí)，POST 比 GET 更穩(wěn)定也更可靠

GET 請(qǐng)求

一個(gè)簡單的 GET 請(qǐng)求：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","/try/ajax/demo_get.php",true);
xmlhttp.send();
}
</script>

在上面的例子中唠椭，你可能得到的是緩存的結(jié)果跳纳。
為了避免這種情況，請(qǐng)向 URL 添加一個(gè)唯一的 ID：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/try/ajax/demo_get.php?t=" + Math.random(),true);
xmlhttp.send();
}
</script>

如果你希望通過 GET 方法發(fā)送信息贪嫂，請(qǐng)向 URL 添加信息：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);
xmlhttp.send();
}
</script>

POST 請(qǐng)求

一個(gè)簡單 POST 請(qǐng)求：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","/try/ajax/demo_post.php",true);
xmlhttp.send();
}
</script>

如果需要像 HTML 表單那樣 POST 數(shù)據(jù)寺庄，請(qǐng)使用 setRequestHeader() 來添加 HTTP 頭。然后在 send() 方法中規(guī)定您希望發(fā)送的數(shù)據(jù)：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("fname=Henry&lname=Ford");
}
</script>

<table>
<tbody>
<tr>
<th align="left" width="40%">方法</th>
<th align="left" width="60%">描述</th>
</tr>
<tr>
<td>setRequestHeader(<i>header,value</i>)</td>
<td><p>向請(qǐng)求添加 HTTP 頭。</p>
<ul>
<li><i>header</i>: 規(guī)定頭的名稱</li>
<li><i>value</i>: 規(guī)定頭的值</li>
</ul>
</td>
</tr>
</tbody>
</table>

url - 服務(wù)器上的文件

open() 方法的 url 參數(shù)是服務(wù)器上文件的地址：
xmlhttp.open("GET","ajax_test.html",true);
該文件可以是任何類型的文件斗塘，比如 .txt 和 .xml赢织，或者服務(wù)器腳本文件，比如 .asp 和 .php （在傳回響應(yīng)之前馍盟，能夠在服務(wù)器上執(zhí)行任務(wù)）于置。

異步 - True 或 False？

AJAX 指的是異步 JavaScript 和 XML（Asynchronous JavaScript and XML）朽合。
XMLHttpRequest 對(duì)象如果要用于 AJAX 的話俱两，其 open() 方法的 async 參數(shù)必須設(shè)置為 true：
xmlhttp.open("GET","ajax_test.html",true);
對(duì)于 web 開發(fā)人員來說，發(fā)送異步請(qǐng)求是一個(gè)巨大的進(jìn)步曹步。很多在服務(wù)器執(zhí)行的任務(wù)都相當(dāng)費(fèi)時(shí)宪彩。AJAX 出現(xiàn)之前，這可能會(huì)引起應(yīng)用程序掛起或停止讲婚。
通過 AJAX尿孔，JavaScript 無需等待服務(wù)器的響應(yīng)，而是：
在等待服務(wù)器響應(yīng)時(shí)執(zhí)行其他腳本
當(dāng)響應(yīng)就緒后對(duì)響應(yīng)進(jìn)行處理

不推薦使用 async = false筹麸，但是對(duì)于一些小型的請(qǐng)求活合，也是可以的。
請(qǐng)記住物赶，JavaScript 會(huì)等到服務(wù)器響應(yīng)就緒才繼續(xù)執(zhí)行白指。如果服務(wù)器繁忙或緩慢，應(yīng)用程序會(huì)掛起或停止酵紫。
注意：當(dāng)您使用 async = false 時(shí)告嘲，請(qǐng)不要編寫 onreadystatechange 函數(shù) - 把代碼放到 send() 語句后面即可：

AJAX - 服務(wù)器響應(yīng)

服務(wù)器響應(yīng)

如需獲得來自服務(wù)器的響應(yīng)，請(qǐng)使用 XMLHttpRequest 對(duì)象的 responseText 或 responseXML 屬性奖地。

<table>
<tbody>
<tr>
<th style="width:25%;">屬性</th>
<th>描述</th>
</tr>
<tr>
<td>responseText</td>
<td>獲得字符串形式的響應(yīng)數(shù)據(jù)橄唬。</td>
</tr>
<tr>
<td>responseXML</td>
<td>獲得 XML 形式的響應(yīng)數(shù)據(jù)。</td>
</tr>
</tbody>
</table>

responseText 屬性

如果來自服務(wù)器的響應(yīng)并非 XML参歹，請(qǐng)使用 responseText 屬性仰楚。
responseText 屬性返回字符串形式的響應(yīng)，因此您可以這樣使用：

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
xmlhttp.send();
}
</script>

responseXML 屬性

如果來自服務(wù)器的響應(yīng)是 XML犬庇，而且需要作為 XML 對(duì)象進(jìn)行解析僧界，請(qǐng)使用 responseXML 屬性：

<script>
function loadXMLDoc()
{
var xmlhttp;
var txt,x,i;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    xmlDoc=xmlhttp.responseXML;
    txt="";
    x=xmlDoc.getElementsByTagName("ARTIST");
    for (i=0;i<x.length;i++)
      {
      txt=txt + x[i].childNodes[0].nodeValue + "<br>";
      }
    document.getElementById("myDiv").innerHTML=txt;
    }
  }
xmlhttp.open("GET","cd_catalog.xml",true);
xmlhttp.send();
}
</script>

AJAX - onreadystatechange 事件

onreadystatechange 事件

當(dāng)請(qǐng)求被發(fā)送到服務(wù)器時(shí)，我們需要執(zhí)行一些基于響應(yīng)的任務(wù)臭挽。
每當(dāng) readyState 改變時(shí)捎泻，就會(huì)觸發(fā) onreadystatechange 事件。
readyState 屬性存有 XMLHttpRequest 的狀態(tài)信息埋哟。
下面是 XMLHttpRequest 對(duì)象的三個(gè)重要的屬性：

<table>
<tbody>
<tr>
<th align="left" width="20%">屬性</th>
<th align="left" width="80%">描述</th>
</tr>
<tr>
<td>onreadystatechange</td>
<td>存儲(chǔ)函數(shù)（或函數(shù)名）笆豁，每當(dāng) readyState 屬性改變時(shí)郎汪，就會(huì)調(diào)用該函數(shù)。</td>
</tr>
<tr>
<td>readyState</td>
<td><p>存有 XMLHttpRequest 的狀態(tài)闯狱。從 0 到 4 發(fā)生變化煞赢。</p>
<ul>
<li>0: 請(qǐng)求未初始化, 還沒有調(diào)用 open()）</li>
<li>1: 服務(wù)器連接已建立, 但是還沒有發(fā)送（還沒有調(diào)用 send()）</li>
<li>2: 請(qǐng)求已接收, 正在處理中（通常現(xiàn)在可以從響應(yīng)中獲取內(nèi)容頭）</li>
<li>3: 請(qǐng)求處理中, 通常響應(yīng)中已有部分?jǐn)?shù)據(jù)可用了哄孤，但是服務(wù)器還沒有完成響應(yīng)的生成照筑。</li>
<li>4: 請(qǐng)求已完成，且響應(yīng)已就緒, 可以獲取并使用服務(wù)器的響應(yīng)了瘦陈。</li>
</ul>
</td>
</tr>
<tr>
<td>status</td>
<td>200: "OK"
404: 未找到頁面</td>
</tr>
</tbody>
</table>

注意： onreadystatechange 事件被觸發(fā) 5 次（0 - 4）凝危，對(duì)應(yīng)著 readyState 的每個(gè)變化。

使用回調(diào)函數(shù)

回調(diào)函數(shù)是一種以參數(shù)形式傳遞給另一個(gè)函數(shù)的函數(shù)晨逝。
如果您的網(wǎng)站上存在多個(gè) AJAX 任務(wù)蛾默，那么您應(yīng)該為創(chuàng)建 XMLHttpRequest 對(duì)象編寫一個(gè)標(biāo)準(zhǔn)的函數(shù)，并為每個(gè) AJAX 任務(wù)調(diào)用該函數(shù)捉貌。
該函數(shù)調(diào)用應(yīng)該包含 URL 以及發(fā)生 onreadystatechange 事件時(shí)執(zhí)行的任務(wù)（每次調(diào)用可能不盡相同）：

<script>
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {// IE7+, Firefox, Chrome, Opera, Safari 代碼
  xmlhttp=new XMLHttpRequest();
  }
else
  {// IE6, IE5 代碼
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
loadXMLDoc("/try/ajax/ajax_info.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  });
}
</script>

最后編輯于：2017.12.03 08:15:39

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末支鸡，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子趁窃，更是在濱河造成了極大的恐慌牧挣，老刑警劉巖，帶你破解...
沈念sama閱讀 221,273評(píng)論 6贊 515
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件醒陆，死亡現(xiàn)場離奇詭異瀑构，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)刨摩，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,349評(píng)論 3贊 398
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門寺晌，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人码邻，你說我怎么就攤上這事×砑伲” “怎么了像屋？”我有些...
開封第一講書人閱讀 167,709評(píng)論 0贊 360
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長边篮。經(jīng)常有香客問我己莺，道長，這世上最難降的妖魔是什么戈轿？我笑而不...
開封第一講書人閱讀 59,520評(píng)論 1贊 296
?港島之戀（遺憾婚禮）
正文為了忘掉前任凌受，我火速辦了婚禮，結(jié)果婚禮上思杯，老公的妹妹穿的比我還像新娘胜蛉。我一直安慰自己挠进，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 68,515評(píng)論 6贊 397
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布誊册。她就那樣靜靜地躺著领突，像睡著了一般。火紅的嫁衣襯著肌膚如雪案怯。梳的紋絲不亂的頭發(fā)上君旦，一...
開封第一講書人閱讀 52,158評(píng)論 1贊 308
城市分裂傳說
那天，我揣著相機(jī)與錄音嘲碱，去河邊找鬼金砍。笑死，一個(gè)胖子當(dāng)著我的面吹牛麦锯，可吹牛的內(nèi)容都是我干的恕稠。我是一名探鬼主播，決...
沈念sama閱讀 40,755評(píng)論 3贊 421
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼离咐，長吁一口氣：“原來是場噩夢啊……” “哼谱俭！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起宵蛀，我...
開封第一講書人閱讀 39,660評(píng)論 0贊 276
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤昆著，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后术陶，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體凑懂，經(jīng)...
沈念sama閱讀 46,203評(píng)論 1贊 319
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 38,287評(píng)論 3贊 340
?白月光啟示錄
正文我和宋清朗相戀三年梧宫，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了接谨。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 40,427評(píng)論 1贊 352
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡塘匣，死狀恐怖脓豪，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情忌卤，我是刑警寧澤扫夜，帶...
沈念sama閱讀 36,122評(píng)論 5贊 349
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站驰徊，受9級(jí)特大地震影響笤闯，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜棍厂，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,801評(píng)論 3贊 333
男人毒藥：我在死后第九天來索命
文/蒙蒙一颗味、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧牺弹，春花似錦浦马、人聲如沸时呀。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,272評(píng)論 0贊 23
一樁弒父案捐韩，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽退唠。三九已至，卻和暖如春荤胁，著一層夾襖步出監(jiān)牢的瞬間瞧预，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 33,393評(píng)論 1贊 272
情欲美人皮
我被黑心中介騙來泰國打工仅政，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留垢油，地道東北人。一個(gè)月前我還...
沈念sama閱讀 48,808評(píng)論 3贊 376
代替公主和親
正文我出身青樓圆丹，卻偏偏與公主長得像滩愁，于是被迫代替她去往敵國和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子辫封，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 45,440評(píng)論 2贊 359

AJAX 簡介

AJAX 簡介

什么是 AJAX 咆槽？

AJAX 工作原理

AJAX 是基于現(xiàn)有的 Internet 標(biāo)準(zhǔn)

AJAX 實(shí)例

AJAX - 創(chuàng)建 XMLHttpRequest 對(duì)象

XMLHttpRequest 對(duì)象

創(chuàng)建 XMLHttpRequest 對(duì)象

AJAX - 向服務(wù)器發(fā)送請(qǐng)求請(qǐng)求

向服務(wù)器發(fā)送請(qǐng)求

GET 還是 POST？

GET 請(qǐng)求

一個(gè)簡單的 GET 請(qǐng)求：

POST 請(qǐng)求

一個(gè)簡單 POST 請(qǐng)求：

url - 服務(wù)器上的文件

異步 - True 或 False？

AJAX - 服務(wù)器 響應(yīng)

服務(wù)器響應(yīng)

responseText 屬性

responseXML 屬性

AJAX - onreadystatechange 事件

onreadystatechange 事件

使用回調(diào)函數(shù)

推薦閱讀更多精彩內(nèi)容

AJAX - 服務(wù)器響應(yīng)