Javascript YUI：如何从本地文件检索XML数据？_Javascript_Xml_Yui

Javascript YUI：如何从本地文件检索XML数据？

javascript xml

Javascript YUI：如何从本地文件检索XML数据？,javascript,xml,yui,Javascript,Xml,Yui,我想读取与此HTML文件存储在同一目录中的XML文件： <html> <head> <title>TODO supply a title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <script src="js/libs/yui/yui-min.js"><

我想读取与此HTML文件存储在同一目录中的XML文件：

<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="js/libs/yui/yui-min.js"></script>
    <script type="text/javascript">
        function lancement() {
            alert("début fonction");
            var myDS;
            YUI().use("datasource-io", "datatable-base", "datasource-xmlschema", "datatabledatasource", "io", "datasource-textschema", "datasource-get", function(Y) {
                myDS = new YAHOO.util.LocalDataSource('test.xml', {
                    responseType: YAHOO.util.DataSource.TYPE_XML,
                    responseSchema: {
                        resultNode: "Customer",
                        totalRecords: "TotalCount",
                        fields: ["Name", "Id"]
                    }
                });
            });
            alert("fin fonction");
            alert(myDS.size());
        }
    </script>
</head>
<body class="yui3-skin-sam" onload="lancement();">
    <p>HELLO</p>
    <div id="tab1"></div>


</body>
</html>


提供头衔
函数lancement（）{
警觉（“但不警觉”）；
var-myDS；
YUI（）。使用（“数据源io”、“数据表基”、“数据源xmlschema”、“数据表数据源”、“io”、“数据源textschema”、“数据源get”函数（Y）{
myDS=newYahoo.util.LocalDataSource（'test.xml'{
responseType:YAHOO.util.DataSource.TYPE_XML，
回应谢玛：{
结果代码：“客户”，
totalRecords:“TotalCount”，
字段：[“名称”、“Id”]
}
});
});
警报（“金融行动”）；
警报（myDS.size（））；
}
你好

以下是XML文件：

<?xml version="1.0"?> 
<Customers>
    <TotalCount>1</TotalCount>
    <Customer><Name>John</Name><Id>1</Id></Customer>
</Customers>


1.
约翰1

但我从来都看不清行数。你知道错误来自哪里吗

谢谢

好的，我阅读了教程的一部分，这里是结果，它允许我显示一个表，但不幸的是，里面没有数据（XML文件是相同的）：


提供头衔
YUI（）.使用（“数据源io”、“数据表库”、“数据源xmlschema”、“io”、“数据源textschema”、“数据源get”、“数据源”、“数据表”、“数据表数据源”函数（Y）{
myDS2=newy.DataSource.IO（{source:“test.xml”}）；
myDS2.responseType=Y.DataSource.Type_XML；
//myDS2.responseSchema={
//结果代码：“客户”，
//totalRecords:“TotalCount”，
//字段：[“名称”、“Id”]
//    };
myDS2.plug（Y.Plugin.DataSourceXMLSchema{
模式：{
resultListLocator：“结果”，
结果字段：[
{key:“Name”，定位器：“*[local-Name（）='Name']”，
{key:“Id”，定位器：“*[local-name（）='Id']”
]
}
});
var myColumnDefs=[
{key:“Name”，可排序：true，可调整大小：true}，
{key:“Id”，可排序：true，可调整大小：true}]；
var myDataTable=新的Y.DataTable({
列：myColumnDefs，数据：myDS2}）；
myDataTable.render（“#tab1”）；
});
你好

您能帮我吗？

在DataSourceXMLSchema中尝试以下操作：

 myDS2.plug(Y.Plugin.DataSourceXMLSchema, {
            schema: {
                resultListLocator: "Customers/Customer",
                resultFields: [
                    {key: "Name", locator: "Name"},
                    {key: "Id", locator: "Id"}

                ]
            }

谢谢，但是我转到了JQuery，我不再使用YUI…也许其他人会对它感兴趣。。。

 myDS2.plug(Y.Plugin.DataSourceXMLSchema, {
            schema: {
                resultListLocator: "Customers/Customer",
                resultFields: [
                    {key: "Name", locator: "Name"},
                    {key: "Id", locator: "Id"}

                ]
            }