ajax調(diào)用簡單實(shí)例
本文實(shí)例講述了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中
服務(wù)端:
test.xml
<?xml version='1.0' encoding='utf-8' ?> <data> <![CDATA[ this is a test ]]> </data>
注意服務(wù)器返回CDATA格式數(shù)據(jù),內(nèi)部可以是任何html代碼
希望本文所述對大家ajax程序設(shè)計有所幫助。
相關(guān)文章
AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳(動態(tài)添加文件上傳框)
本文是腳本之家小編給大家分享的AjaxFileUpload結(jié)合Struts2實(shí)現(xiàn)多文件上傳功能,如果項(xiàng)目需求是不確定多少個文件,我們需要動態(tài)的添加文件上傳框,具體實(shí)現(xiàn)代碼大家參考下本文2017-09-09Jquery $.ajax函數(shù)外的一段代碼的執(zhí)行順序
調(diào)用了JQuery的異步函數(shù)$.ajax ,然后在$.ajax函數(shù)外之后又有一段Jquery 代碼。每次都是在$.ajax之后的代碼先執(zhí)行2014-06-06基于fileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)
下面小編就為大家?guī)硪黄趂ileUpload文件上傳帶進(jìn)度條效果的實(shí)例(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-06-06jQuery AJAX中readyState與status的區(qū)別與聯(lián)系
這篇文章主要介紹了 jQuery AJAX中readyState與status的區(qū)別與聯(lián)系,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03Ajax的內(nèi)部實(shí)現(xiàn)機(jī)制、原理與實(shí)踐小結(jié)
AJAX全稱為"Asynchronous JavaScript and XML"(異步JavaScript和XML),Ajax不是一個技術(shù),它實(shí)際上是幾種技術(shù),每種技術(shù)都有其獨(dú)特這處,合在一起就成了一個功能強(qiáng)大的新技術(shù)。2010-06-06