<?xml version="1.0" encoding="gb2312"?>
<name>歡迎光臨www.111cn.net．本站發展離不開您的支援．謝謝！</name>
ajax檔案
<html>
<head>
<title>簡單的ajax效果</title>
</head>
<body>
我們準備一個空的div.把返回的資料填充進去！
<div id="str" style="border:1px solid;"></div>
<script language="javascript教程">
var _xmlhttp; //xmlhttprequest對像的全域變數
//在ie中建立xmlhttprequest,適用於ie5.0以上所有版本
var msxmlhttp = new array("msxml2.xmlhttp.5.0",
"msxml2.xmlhttp.4.0";,
"msxml2.xmlhttp.3.0",
"msxml2.xmlhttp",
"microsoft.xmlhttp");
for(var i=0; i<msxmlhttp.length; i++){
try
{
_xmlhttp=new activexobject(msxmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //迴圈建立基於ie瀏覽器的xmlhttp.結束
//如果非ie瀏覽器，則建立基於firefox等瀏覽器的xmlhttprequest
if(!_xmlhttp && typeof xmlhttprequest != "undefined")
{
_xmlhttp=new xmlhttprequest();
}
/*上面的代碼成功建立了xmlhttprequest對像．適用於所有現代瀏覽器
下面我們開始指定要請求的服務端網頁，以及請求的方式*/
/*下面開始指定服務端網頁和發送請求*/
/*定義要請求的服務端網頁，為了簡單明了，在這裡我用的是一個xml檔案．因為他不
包括任何服務端程式語言．當然你可以使用asp教程,.net,php教程等檔案．需要提示的是：最正
統的ajax技術，都是採用xml作為資料轉送格式．你可以使用各種服務端程式來產生xml格式
*/
var url = "back.xml"
_xmlhttp.open("get",url,true);//經過測試xml檔案只能以get方式請求．但是利用程式輸出的xml就可以用post
//下面這句很重要建議閱讀onreadystatechange屬性詳細解釋
_xmlhttp.onreadystatechange = function(){
if(_xmlhttp.readystate==4){
if(_xmlhttp.status==200){
var xmldata=_xmlhttp.responsexml;
var my_name = xmldata.getelementsbytagname("name")[0].firstchild.nodevalue;
document.getelementbyid("str").innerhtml = my_name;
}
}
}
_xmlhttp.send(null);
</script>
本執行個體所有代碼均已完成．運行執行個體以後你會看到上面的那個div會有內容顯示出來．
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
