把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 id="data">
</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代码
分享到:
相关推荐
AJAX简单实例,AJAX简单实例,AJAX简单实例
很简单的一个AJAX例子 .rar很简单的一个AJAX例子 .rar
msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子
ajax的一个简单例子,这是一个小例子,可以仅供参考
Ajax简单实例, 很实用.
一个非常简单的ajax例子 可以直接运行 其中包括两个javascript 从中可以看到如何创建XMLHttpRequest对象 对初学AJAX的会用帮助
asp.net ajax 简单实例asp.net ajax 简单实例
一个完整的用js写的ajax例子,模仿注册页面输入用户名,输入框失去焦点后,后台异步判断该用户名是否可用,并在页面显示判断结果
Ajax最简单例子,一个例子让你明白Ajax原理,XMLHttpRequest原理 var http_request = false; function createRequest(url) { http_request = false; if (window.XMLHttpRequest) { // Mozilla浏览器 ...
ajax最简单例子,适合初学者看.
这是我写的一个很精简的Ajax例子里面对相关的Ajax的代码段有详细的描述,希望对正在学习Ajax的朋友有所帮助
Vs2005C#下使用Jquery实现的Ajax简单实例
一个最简单的AJAX例子 好看来评论哦.
Ajax 简单实例 XMLHttpRequest对象的创建,请求,发送,仅供初学者
Ajax 实例,Ajax 实例,Ajax 实例Ajax 实例,Ajax 实例,Ajax 实例,Ajax 实例
基于SSH的AJAX简单实例
详细介绍了Ajax简单实例应用详细介绍了Ajax简单实例应用
一个AJAX的入门实例,用最简单的代码表现什么是AJAX,AJAX的原理。 这个是——异步请求请求一个url。 还有一个是本页请求,用于asp.net。
Ajax 操作实例 Ajax结合GridView、UpdatePanel
一个最简单的例子帮助大家,从基本上体会到ajax在web开发过程中的好处。