今天,公司让学习ajax,然而我并不会,着急到爆炸,boom~~啥卡拉咔。看着教程一步一步摸索,写出来交互页面,写代码真的好惆怅啊。

额,不说废话,下面是源代码。

首先是ajax的代码,注释真的很重要~~~

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function loadXMLDoc(url){
                var xmlhttp;

                if(window.XMLHttpRequest)
                {//如果是高级浏览器使用
                    xmlhttp=new XMLHttpRequest();
                }else
                {//否则是ie使用
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                if(xmlhttp.readyState==4 && xmlhttp.status==200)
                {//readyState指的是的交互状态.为4就是交互完成 ,status指http状态码,200指正常完成
                    document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
                    //输出
                }
                }
                xmlhttp.open("GET","xml.xml",true);
                xmlhttp.send();
            };
        </script>
    </head>
    <body>
    <div ><h2>撒大事</h2></div>
    <button type="button" onclick="loadXMLDoc('xml.xml')">更改内容</button>
    </body>
</html>

接着来xml代码,话说xml的代码真的好方便啊。

<?xml version="1.0"?>
<!--必用!识别xml-->


<h1>
    I'm from China
</h1>

至此,功能完美实现。

相关文章:

  • 2021-06-23
  • 2021-10-05
  • 2021-06-24
  • 2021-06-29
  • 2021-12-05
  • 2021-12-24
猜你喜欢
  • 2021-11-06
  • 2022-12-23
  • 2021-12-01
  • 2021-12-10
  • 2021-07-13
  • 2021-12-01
  • 2021-11-30
相关资源
相似解决方案