<html>
<head>
<script type="text/JavaScript">
var xmlhttp
function loadXMLDoc(url)
{
 // code for Mozilla, etc.
 if (window.XMLHttpRequest)
 {
 xmlhttp=new XMLHttpRequest()
 xmlhttp.onreadystatechange=state_Change
 xmlhttp.open("GET",url,true)
 xmlhttp.send(null)
 }
 // code for IE
 else if (window.ActiveXObject)
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  if (xmlhttp)
  {
  xmlhttp.onreadystatechange=state_Change
  xmlhttp.open("GET",url,true)
  xmlhttp.send()
  }
 }
}
function state_Change()
{
 // if xmlhttp shows "loaded"
 if (xmlhttp.readyState==4)
 {
 // if "OK"
 if (xmlhttp.status==200)
 {
 document.getElementById('T1').innerHTML=xmlhttp.responseText
 }
 else
 {
 alert("Problem retrieving data:" + xmlhttp.statusText)
 }
 }
}
</script>
</head>
<body onload="loadXMLDoc('test_xmlhttp.txt')">
<div id="T1" style="border:1px solid black;height:40;width:300"></div><br />
<button onclick="loadXMLDoc('test_xmlhttp2.txt')">Click</button>
</body>
</html>

更多關(guān)于ajax相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《JavaScript中ajax操作技巧總結(jié)》、《PHP+ajax技巧與應(yīng)用小結(jié)》及《asp.net ajax技巧總結(jié)專題》。

希望本文所述對大家ajax程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

ajax
代碼

相關(guān)文章

Ajax 通過城市名獲取數(shù)據(jù)(全國天氣預(yù)報(bào)API)
本文給大家分享全國天氣預(yù)報(bào)API Ajax 通過城市名獲取數(shù)據(jù)，通過html和js兩部分代碼實(shí)現(xiàn)天氣預(yù)報(bào)效果，輸入城市就會出現(xiàn)天氣情況，效果非常棒，感興趣的朋友可以參考下
2016-11-11
ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長連接的功能
這篇文章主要介紹了ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長連接的功能的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-04-04
純javascript的ajax實(shí)現(xiàn)php異步提交表單的簡單實(shí)例
下面小編就為大家?guī)硪黄僯avascript的ajax實(shí)現(xiàn)php異步提交表單的簡單實(shí)例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
Ajax全局加載框(Loading效果)的配置
這篇文章主要介紹了Ajax全局加載框(Loading效果)的配置的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-07-07
如何使用ajax讀取Json中的數(shù)據(jù)
這篇文章主要介紹了如何使用ajax讀取Json中的數(shù)據(jù)，如何使用AJAX讀取Json數(shù)組里面的數(shù)據(jù)，感興趣的小伙伴們可以參考一下
2016-04-04
ajax結(jié)合mysql數(shù)據(jù)庫和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法
下面小編就為大家分享一篇ajax結(jié)合mysql數(shù)據(jù)庫和smarty實(shí)現(xiàn)局部數(shù)據(jù)狀態(tài)的刷新方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
強(qiáng)烈推薦 - Ajax 技術(shù)資源中心
強(qiáng)烈推薦 - Ajax 技術(shù)資源中心...
2007-05-05
Ajax使用雜談也許也是亂彈
Google Suggest 和Google Map的出現(xiàn)，引起了我們Web開發(fā)者的一次震動。
2010-05-05
零基礎(chǔ)學(xué)習(xí)AJAX之制作自動校驗(yàn)的表單
這篇文章主要介紹了零基礎(chǔ)學(xué)習(xí)AJAX之制作自動校驗(yàn)的表單,需要的朋友可以參考下
2015-01-01
揭開AJAX神秘的面紗(AJAX個人學(xué)習(xí)筆記)
寫這個學(xué)習(xí)筆記，只是記載一下自己的學(xué)習(xí)經(jīng)過和體會，把一些學(xué)習(xí)重點(diǎn)記錄下來，以備今后的鞏固復(fù)習(xí)及應(yīng)用，很多知識點(diǎn)沒有詳細(xì)介紹，所以并不完全適用于初學(xué)者，如果你是初學(xué)者，最好選擇一本AJAX學(xué)習(xí)的書籍，然后與這篇學(xué)習(xí)筆記對照學(xué)習(xí)，效果會更好。
2009-09-09