ajax

发布时间：2020-12-15 21:30:20 所属栏目：百科来源：网络整理

导读：htmlhead 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 XML

<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" onclick="requestXml();" />
<input type="button" value="打开url" onclick="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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!