本文實例講述了ajax調(diào)用的方法。分享給大家供大家參考,具體如下:
把url返回的數(shù)據(jù),填充到指定id的div中
客戶端: test.html
script>
function createXMLHttp()
{
var ret = null;
try {
ret = new ActiveXObject('Msxml2.XMLHTTP');
}
catch (e) {
try {
ret = new ActiveXObject('Microsoft.XMLHTTP');
}
catch (ee) {
ret = null;
}
}
if (!ret typeof XMLHttpRequest != 'undefined')
ret = new XMLHttpRequest();
return ret;
}
function loadXmlToElement(fragment_url, element_id)
{
var element = document.getElementById(element_id);
element.innerHTML ='img src="loading.gif" border="0"/>數(shù)據(jù)加載中...br/>';
var xmlhttp = createXMLHttp();
xmlhttp.open("GET", fragment_url);
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4 xmlhttp.status == 200)
{
//alert(xmlhttp.responseXML.getElementsByTagName("data")[0].childNodes[0].nodeValue);
element.innerHTML =
unescape(xmlhttp.responseXML.getElementsByTagName("data")[0].childNodes[0].nodeValue);
if(!element.innerHTML || element.innerHTML == "/n")
{
try{
element.innerHTML = unescape(xmlhttp.responseXML.firstChild.childNodes[1].nodeValue);
}catch(e){}
}
}
}
xmlhttp.send(null);
}
/script>
div id="data">
/div>
script>
var url="t.xml";
//alert(url);
loadXmlToElement(url,"data");
/script>
把url返回的數(shù)據(jù),填充到指定id的div中
服務端:
test.xml
?xml version='1.0' encoding='utf-8' ?>
data>
![CDATA[
this is a test
]]>
/data>
注意服務器返回CDATA格式數(shù)據(jù),內(nèi)部可以是任何html代碼
希望本文所述對大家ajax程序設計有所幫助。
您可能感興趣的文章:- ajax中data傳參的兩種方式分析
- Ajax異步提交數(shù)據(jù)返回值的換行問題實例分析
- IE瀏覽器與FF瀏覽器關于Ajax傳遞參數(shù)值為中文時的區(qū)別實例分析
- Javascript基于AJAX回調(diào)函數(shù)傳遞參數(shù)實例分析
- jQuery+json實現(xiàn)的簡易Ajax調(diào)用實例
- JQuery中Ajax()的data參數(shù)類型實例分析