78      阿裏雲  技術社區[雲棲]

一個ajax簡單例子

把url返回的數據,填充到指定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"/>數據加載中...<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 >

</div>

<script>
  var url="t.xml";
  //alert(url);
  loadXmlToElement(url,"data");
</script>

把url返回的數據,填充到指定id的div中

服務端:

test.xml

<?xml version='1.0' encoding='utf-8' ?>
<data>
<![CDATA[
this is a test
  ]]>
</data>

,注意服務器返回CDATA格式數據,內部可以是任何html代碼

最後更新：2017-04-02 00:06:48

  上一篇： Linux中gcc g++常用編譯選項以及makefile的編寫

  下一篇： C#DataGridView實現分頁顯示