ajax 的简单例子
2016-12-02 15:55
369 查看
<html>
<head>
<script type="text/javascript">
var xmlhttp;
//这里就是传递的一个变量 最好命名为cfun
function loadXMLDoc(cfun)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
xmlhttp.onreadystatechange=cfun;
xmlhttp.open("GET","http://www.w3school.com.cn/example/xmle/books.xml",true);
xmlhttp.send();
}
function aa()
{
var txt,x,i;
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("title");
for (i=0;i<x.length;i++)
{
txt=txt + x[i].childNodes[0].nodeValue + "<br />";
}
document.getElementById("myDiv").innerHTML=txt;
}
}
</script>
</head>
<body>
<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc(aa)">获得我的图书收藏列表</button>
</body>
</html>
<head>
<script type="text/javascript">
var xmlhttp;
//这里就是传递的一个变量 最好命名为cfun
function loadXMLDoc(cfun)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
xmlhttp.onreadystatechange=cfun;
xmlhttp.open("GET","http://www.w3school.com.cn/example/xmle/books.xml",true);
xmlhttp.send();
}
function aa()
{
var txt,x,i;
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
xmlDoc=xmlhttp.responseXML;
txt="";
x=xmlDoc.getElementsByTagName("title");
for (i=0;i<x.length;i++)
{
txt=txt + x[i].childNodes[0].nodeValue + "<br />";
}
document.getElementById("myDiv").innerHTML=txt;
}
}
</script>
</head>
<body>
<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc(aa)">获得我的图书收藏列表</button>
</body>
</html>
相关文章推荐
- MagicAjax.Net的使用要点和简单例子
- MagicAjax.Net的使用要点和简单例子
- .net c# Ajax下来菜单简单例子
- ASP+Ajax实现无刷新评论简单例子
- ASP+Ajax实现无刷新评论简单例子
- 一简单的Ajax例子
- ajax 调用webservice的简单例子
- AJAX AutoComplete简单的小例子
- ajax简单例子
- Ajax - 简单验证例子
- 用Ajax读取RSS种子的简单例子
- 一个简单例子教你揭开AJAX神秘面纱
- MagicAjax.Net的使用要点和简单例子
- Ajax简单例子
- MagicAjax.Net的使用要点和简单例子
- MagicAjax.Net的使用要点和简单例子
- Ajax一个极其简单的例子
- 用ajax解析rss简单例子
- ajax 调用webservice的简单例子
- 关于AJAX一个简单的例子