這幾年jquery寫多了，傳統地地javascript已經很久不寫了，不少東西都忘掉了，還有多少人記的javascript中實現ajax操作需要借助xmlhttprequest對象，其實jquery地ajax本質也是這個，好了，今天就花點時間演示一下如何用傳統javascript獲取文本內容并展示在頁面上，廢話不多少，直接上代碼，注釋寫地很詳細，大家應該能看懂：
代碼如下:
<script type=text/javascript>
//(a)①獲取文本文件方法(傳統javascript實現ajax寫法)
function loadxmldoc1()
{
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);
}
//onreadystatechange 存儲函數（或函數名），每當 readystate 屬性改變時，就會調用該函數.
xmlhttp.onreadystatechange=function()
{
//readystate
//存有 xmlhttprequest 地狀態.從 0 到 4 發生變化.
//0: 請求未初始化
//1: 服務器連接已建立
//2: 請求已接收
//3: 請求處理中
//4: 請求已完成，且響應已就緒
//status
//200: ok
//404: 未找到頁面
if (xmlhttp.readystate==4 && xmlhttp.status==200)
{
document.getelementbyid(mydiv1).innerhtml=xmlhttp.responsetext;
}
}
xmlhttp.open(get,doc/test1.txt,true);
xmlhttp.send();
}
html頁面代碼：
代碼如下:
<body>
<form id=form1 runat=server>
<%-- 獲取服務器上地文本文件并顯示--%>
<div id=mydiv1><h2>通過ajax改變內容</h2></div>
<button id=btnchange1 type=button onclick=loadxmldoc1()>通過 ajax 改變內容(獲取test1.txt上面地文本)</button>
</form>
</body>
更多信息請查看IT技術專欄
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
