rapcoding
scoobym
采纳率0%
2016-03-22 10:35 阅读 1.4k

刚写了段AJAX,测试的时候无论如何都没有结果,问题在哪啊?

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>AJAX_Test</title>
</head>
<body>
    <form name="myForm">
        输入关键字:<input type="text" name="key" onkeyup="search(this.value)"><br>
        图书信息:<span id="txtHint"></span>
    </form>

    <script type="text/javascript">
    var xmlHttp;
    var key;
    function search (value) {
        // body...
        try{
            xmlHttp = new XMLHttpRequest();
        }catch(e){
            try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                try{
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){
                    alert("你的浏览器不支持AJAX!");
                    return false;
                }

            }
        }
        key = value;
        url = "books.xml";
        xmlHttp.onreadystatechange=myfunc;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
    }

    function myfunc(){
        if (xmlHttp.readyState==4) {
            var xmlStr = xmlHttp.responseText;
            xmlStr = parse(xmlStr);
            document.getElementById("txtHint").innerHTML = xmlStr;
        }
    }

    function parse(xmlStr){
        var xmlDoc = null;
        if(window.ActiveXObject){
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        }else if (document.implementation.createDocument()) {
            xmlDoc = document.implementation.createDocument("","",null);
        }else{
            alert("浏览器不能处理!");
        }
        var tableStr = "";
        if (xmlDoc!=null) {
            xmlDoc.async=false;
            xmlDoc.loadXML(xmlStr);
            tableStr+="<table border='1'>";
            var x = xmlDoc.getElementsByTagName("book");
            for(i=0;i<x.length;i++){
                var name = x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
                var price = x[i].getElementsByTagName("price")[0].childNodes[0].nodeValue;
                var author = x[i].getElementsByTagName("author")[0].childNodes[0].nodeValue;
                var year = x[i].getElementsByTagName("year")[0].childNodes[0].nodeValue;                
                if(name.indexOf(key)==-1)continue;
                tableStr+="<tr>";
                tableStr+="<td>"+name+"</td>";
                tableStr+="<td>"+price+"</td>";
                tableStr+="<td>"+author+"</td>";
                tableStr+="<td>"+year+"</td>";
                tableStr+="</tr>";
            }
            tableStr+="</table>";
        }
        return tableStr;
    }
    </script>
</body>
</html>

上面是网页代码,输入任何关键字都没反应啊,books.xml文件是没有错的,

 <?xml version="1.0" encoding="utf-8"?>
<books>
    <book isbn="13452728">
        <name>《水浒传》</name>
        <price>80</price>
        <author>施耐庵</author>
        <year>元末</year>
    </book>
    <book isbn="78789779">
        <name>《西游记》</name>
        <price>90</price>
        <author>吴承恩</author>
        <year>明代</year>
    </book>
    <book isbn="36734598">
        <name>《三国演义》</name>
        <price>75</price>
        <author>罗贯中</author>
        <year>元末</year>
    </book>
    <book isbn="63458728">
        <name>《红楼梦》</name>
        <price>79</price>
        <author>曹雪芹</author>
        <year>清代</year>
    </book>
</books>

是不是代码的问题,还是在tomcat的文件夹缺少东西?小白第一次接触AJAX,求助!图片说明图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

  • qq_18212055 qq_18212055 2016-03-22 13:35
       window.bz = {};
    
        (function (obj) {
    
            obj = {};
    
            //创建xmlhttprequest对象
    
            obj.createXMLHttpRequest = function () { if (window.ActiveXObject) { var aVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"]; for (var i = 0; i < aVersions.length; i++) { try { return new ActiveXObject(aVersions[i]); } catch (oError) { continue; } } } else if (window.XMLHttpRequest) { return new XMLHttpRequest(); } throw new Error("XMLHttp object could not be created."); }
    
            //ajax
    
            obj._xmlHttp = null;
    
            obj.ajax = function (options) {
    
                try {
                    if (options["sync"] != undefined) {
                        obj._xmlHttp.open(options.method, options.url, options.sync);
                    } else {
                        obj._xmlHttp.open(options.method, options.url, true);
                    }
                    obj._xmlHttp = this.createXMLHttpRequest();
    
                    obj._xmlHttp.setRequestHeader("cache-control", "no-cache");
    
                    obj._xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    
                    obj._xmlHttp.onreadystatechange = function () {
                        var _response = "";
                        if (obj._xmlHttp.readyState == 4) {
    
                            if (obj._xmlHttp.status == 200) {
                                if (options["dataType"] == undefined) {
                                    _response = obj._xmlHttp.responseText;
                                } else {
                                    switch (options.dataType.toLowerCase()) {
    
                                        case "json":
    
                                            _response = eval(obj._xmlHttp.responseText);
    
                                            break;
    
                                        case "xml":
    
                                            _response = obj._xmlHttp.responseXML;
    
                                            break;
    
                                        case "html":
    
                                            _response = obj._xmlHttp.responseText;
    
                                            break;
    
                                        default:
    
                                            _response = obj._xmlHttp.responseText;
    
                                            break;
    
                                    }
                                }
    
    
    
                                options.success(_response);
    
                            }
    
                        }
    
                        else {
                            if (options[""] != undefined) {
    
                            }
                            alert("ajax 提交失败");
                        }
    
                    }
                    if (options["data"] == undefined) {
                        obj._xmlHttp.send(data);
                    } else {
    
                        var data = options.data
                        bz.isJson = function (obj) {
                            var isjson = typeof (obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;
                            return isjson;
                        }
                        if (bz.isJson(data)) {
                            var a = "";
                            for (var i in options.data) {
                                a += i + "=" + options.data[i] + "&";
                            }
    
                            obj._xmlHttp.send(a);
                        } else {
                            obj._xmlHttp.send(data);
                        }
    
                    }
    
    
    
    
                }
    
                catch (e) {
                    alert(e.message);
    
                }
    
            }
    
    
            //对象引用
    
            bz = obj;
    
    
        })(bz);
    
    点赞 评论 复制链接分享

相关推荐