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