当前位置:首页 > 开发 > Web前端 > Ajax > 正文

ajax 的简单例子

发表于: 2013-04-09   作者:cuityang   来源:转载   浏览:
摘要: <html> <head> <script type="text/javascript"> var xmlhttp; //这里就是传递的一个变量 最好命名为cfun function loadXMLDoc(cfun) { if (window.XMLHttpRequest)   {// code for IE7+
<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>

ajax 的简单例子

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号