如何使用JQuery读取xml文件?

时间:2016-01-09 07:46:52

标签: jquery xml parsing

我目前正致力于从本地xml文件中获取数据。但我的代码不起作用。我尝试了很多解决方案,但没有人不适合我。 “data.xml”文件与“index.html”位于同一文件夹中。我正在使用Chrome进行测试。

data.xml中

<?xml version="1.0" encoding="utf-8"?>
<Names>
  <Name id="10" />
  <Name id="11" />
</Names>

的index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
   <script src="Resources/jquery-1.8.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $.ajax({
                type: "GET",
                url: "data.xml",
                dataType: "xml",
                success: function (xml) {
                    $(xml).find('Name').each(function (element) {
                        var sTitle = $(element).attr('id');
                        alert(sTitle);
                    });
                }
            });
        });
    </script>
</head>

1 个答案:

答案 0 :(得分:0)

只需将第var sTitle = $(element).attr('id');行更改为:

var sTitle = $(this).attr('id');

这可以解决您的问题。

我注意到你正在使用一个旧的,已弃用的jquery版本。我建议你使用最新版本。您也可以考虑使用json而不是xml。它更简单。