jQuery第8章上机4

jQuery第8章上机4题目要求使用ajax发送HTTP请求，并将从服务器端返回的XML数据进行解析后展示在页面上。在本题中，我们需要完成以下功能：

1. 使用ajax发送HTTP GET请求，请求数据的URL为“books.xml”;

2. 获取到从服务器端返回的XML数据后，使用jQuery的$.parseXML()方法解析XML文件，并将数据展示在页面上。

    // 发送HTTP GET请求
    $.ajax({
        type: "GET",url: "books.xml",dataType: "xml",success: function(xml) {
            // 解析XML数据
            var books = $.parseXML(xml);
            // 遍历books节点，获取每本书的详细信息
            $(books).find("book").each(function () {
                var title = $(this).find("title").text();
                var author = $(this).find("author").text();
                var publisher = $(this).find("publisher").text();
                // 将每本书的详细信息展示在页面上
                $("body").append("
" + title + "
");
                $("body").append("
作者：" + author + "
");
                $("body").append("
出版社：" + publisher + "
");
            });
        },error: function(xhr,status,error) {
            console.log("请求出错，错误信息：" + error);
        }
    });

在以上代码中，我们首先使用$.ajax()方法发送HTTP GET请求，其中url参数指定了请求数据的URL，dataType参数指定了服务器端返回的数据类型为xml。当ajax请求成功后，我们将返回的XML数据使用$.parseXML()方法解析，并使用find()方法遍历books节点，获取每本书的详细信息。最后，我们通过append()方法将每本书的详细信息展示在页面上。