ajax

最新推荐文章于 2022-06-19 13:50:53 发布

vision66

最新推荐文章于 2022-06-19 13:50:53 发布

阅读量242

点赞数

分类专栏： Web开发

本文链接：https://blog.csdn.net/huayu608/article/details/52764063

版权

Web开发专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript">

    /*  注意:ajax存在跨域限制 */
    function requestAjax(url, asyn, func) {

        var xmlhttp = null;

        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }
        else if (window.ActiveXObject) {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        if (xmlhttp == null) {
            console.log("Your browser does not support XMLHTTP.");
            return null;
        }

        if (asyn) {
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    func(xmlhttp);
                }
            }
        }

        try {
            console.log(url);
            xmlhttp.open("GET", url, asyn);
            xmlhttp.send(null);
        }
        catch (e) {
            console.log(e.toString());
            return null;
        }

        return xmlhttp;

        // xmlhttp.responseXML 或 xmlhttp.responseText
        // var node = xmlhttp.getElementsByTagName(node_name);
        // var text = node[0].firstChild.nodeValue;
    }

    var requestTarget = './data/ajaxResult.xml';

    function requestXml() {

        var xml = requestAjax(requestTarget, false, null).responseXML;

        var oTable = document.getElementById('oTable');
        var oRow = null;

        var ndCD = xml.getElementsByTagName("CD");

        for (var i = 0; i < ndCD.length; i++) {
          oRow = oTable.insertRow(oTable.rows.length);
          oRow.insertCell(0).innerHTML = i;
          oRow.insertCell(1).innerHTML = ndCD[i].getElementsByTagName("TITLE")[0].firstChild.nodeValue;
          oRow.insertCell(2).innerHTML = ndCD[i].getElementsByTagName("ARTIST")[0].firstChild.nodeValue;
          oRow.insertCell(3).innerHTML = ndCD[i].getElementsByTagName("COUNTRY")[0].firstChild.nodeValue;
          oRow.insertCell(4).innerHTML = ndCD[i].getElementsByTagName("COMPANY")[0].firstChild.nodeValue;
          oRow.insertCell(5).innerHTML = ndCD[i].getElementsByTagName("PRICE")[0].firstChild.nodeValue;
          oRow.insertCell(6).innerHTML = ndCD[i].getElementsByTagName("YEAR")[0].firstChild.nodeValue;
        }
    }

    function requestUrl() {
      window.open(requestTarget, '_blank') 
    }

  </script>
</head>
<body>
<input type="button" value="取得xml" οnclick="requestXml();" />
<input type="button" value="打开url" οnclick="requestUrl();" />
<hr />
<table id="oTable" border="0" cellspacing="1" cellpadding="0" class="section">
  <tr>
    <th width="100px">No.</th>
    <th width="200px">TITLE</th>
    <th width="160px">ARTIST</th>
    <th width="100px">COUNTRY</th>
    <th width="160px">COMPANY</th>
    <th width="160px">PRICE</th>
    <th width="100px">YEAR</th>
  </tr>
</table>
</body>
</html>