ajax調用簡單實例
更新時間:2015年12月14日 12:35:46 作者:5iasp
這篇文章主要介紹了ajax調用簡單實例,結合實例形式分析了基于ajax調用講URL返回數(shù)據填充到指定div的功能,需要的朋友可以參考下
本文實例講述了ajax調用的方法。分享給大家供大家參考,具體如下:
把url返回的數(shù)據,填充到指定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ù)據加載中...<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ù)據,填充到指定id的div中
服務端:
test.xml
<?xml version='1.0' encoding='utf-8' ?> <data> <![CDATA[ this is a test ]]> </data>
注意服務器返回CDATA格式數(shù)據,內部可以是任何html代碼
希望本文所述對大家ajax程序設計有所幫助。
相關文章
AjaxFileUpload結合Struts2實現(xiàn)多文件上傳(動態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結合Struts2實現(xiàn)多文件上傳功能,如果項目需求是不確定多少個文件,我們需要動態(tài)的添加文件上傳框,具體實現(xiàn)代碼大家參考下本文2017-09-09Jquery $.ajax函數(shù)外的一段代碼的執(zhí)行順序
調用了JQuery的異步函數(shù)$.ajax ,然后在$.ajax函數(shù)外之后又有一段Jquery 代碼。每次都是在$.ajax之后的代碼先執(zhí)行2014-06-06jQuery AJAX中readyState與status的區(qū)別與聯(lián)系
這篇文章主要介紹了 jQuery AJAX中readyState與status的區(qū)別與聯(lián)系,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03