zoukankan      html  css  js  c++  java
  • 菜鸟必备教程,ajax与xml交互传输数据。

    今天,公司让学习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 id="mydiv"><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>

    至此,功能完美实现。

  • 相关阅读:
    POJ 3660 Cow Contest
    HDOJ 2093 sscanf的使用,字符串对齐,快排
    HDOJ 2091 空格的特殊输入输出格式
    COJ 1081: 集训队分组
    HDOJ 2948 错排公式
    POJ 1936 All in All
    POJ 1035 Spell checker
    HDOJ 2094 set和map的使用
    HDOJ 2036 多边形的面积
    HDOJ 1166 敌兵布阵
  • 原文地址:https://www.cnblogs.com/ml520/p/5287988.html
Copyright © 2011-2022 走看看