Question

我不是一个非常有经验的程序员，并且一直在学习HTML / CSS / JS。我一直在尝试使用jQuery AJAX方法解析XML，绝对没有运气。

以下是我正在使用的代码：http://jsfiddle.net/Kb5qj/1/

以下是我的代码：

$(document).ready(function() {
var divid = "#xmlcontent"

function parseXML(xml) {
    $(divid).empty();
    $(xml).find("CD").each(function() {
        var artist = $(this).find("ARTIST").text();
        var title = $(this).find("TITLE").text();
        $(divid).append("<li>" + artist + " - " + title + "</li>");
    });
}

function printError() {
    $(divid).html("An error occurred");
}

$.ajax({
    type: "GET",
    url: "www.w3schools.com/ajax/cd_catalog.xml",
    dataType: "xml",
    success: parseXML,
    error: printError
});
});

我不知道问题是什么。我已经多次编写和重写并复制/粘贴$ .ajax调用，但无论我做什么，都不会发生任何事情。请帮帮我？

Answer 1

像我提到的那样，它会在jsfiddle上失败，因为他们实际上发送了get请求。这是关于如何实现相同的api：http://doc.jsfiddle.net/use/echo.html

如果您在本地系统上尝试相同操作，则可能会失败，因为您正在发出跨域请求，并且您的浏览器本身会阻止此类请求。这就是jsonp用来在跨域检索json数据的地方..

你可以稍微破解它为js做同样的事情..这里有一篇关于同样的帖子：Is there an existing tool for jsonp like fetching of xml in jquery?

Answer 2

通过一点点捏造，解析中的所有似乎都能正常工作。 Check out this JSFiddle

您无法使用JSFiddle的get请求，但我将XML模拟为HTML。您可能想尝试将XML文档放入DOM中以帮助解决您的问题。

使用jQuery AJAX解析XML的问题

2 个答案: