XML API子返回函数？

Question

我正在对返回 XML 的控制器执行 API 调用。输出是：

<ArrayOfreport_overallTime>
    <report_overallTime>
        <label>United States</label>
        <value>65</value>
    </report_overallTime>
    <report_overallTime>
        <label>United Kingdom</label>
        <value>58</value>
    </report_overallTime>
    <report_overallTime>
        <label>Germany</label>
        <value>30</value>
    </report_overallTime>
    <report_overallTime>
        <label>India</label>
        <value>65</value>
    </report_overallTime>
    <report_overallTime>
        <label>Russia</label>
        <value>65</value>
    </report_overallTime>
    <report_overallTime>
        <label>Germany</label>
        <value>30</value>
    </report_overallTime>
</ArrayOfreport_overallTime>

这是从以下 C# 控制器代码生成的：

public class report_overallTimeController : ApiController
{
    public void report_overallTime(HttpContext context)
    {
        var request = HttpContext.Current.Request;
        var settings = Properties.Settings.Default;
        GetAllItems();
    }

    report_overallTime[] items = new report_overallTime[]
    {
        new report_overallTime { label = "United States", value = "65" },
        new report_overallTime { label = "United Kingdom", value = "58" },
        new report_overallTime { label = "Germany", value = "30" },
        new report_overallTime { label = "India", value = "65" },
        new report_overallTime { label = "Russia", value = "65" },
        new report_overallTime { label = "Germany", value = "30" }
    };

    public IEnumerable<report_overallTime> GetAllItems()
    {
        return items;
    }       
}

在我的 jQuery 中，我试图获取标签/值对并将它们插入到数组中。

function initChart(xml) {
    var data = [];
    //alert((new XMLSerializer()).serializeToString(xml));
    $(xml).find('ArrayOfreport_overallTime report_overallTime').each(function (index) {
        var label = $(this).children("label").text;
        var value = $(this).children("value").text;
        data.push([label, parseFloat(value)]);
    });
    //Do something with data...
}

当我尝试输出 var label 的值时，我收到以下警报：

function(a) {
    return Y(this, function(a) {
        return void 0 === a ? n.text(this) : this.empty().append((this[0] && this[0].ownerDocument || d).createTextNode(a))
    }, null, a, arguments.length)
}

我做错了什么？我期待收到这个国家的警告。

Answer 1

问题是因为ArrayOfreport_overallTime 元素是XML 字符串的根，所以您需要使用filter() 来检索它，然后使用find() 来获取report_overallTime。您还可以使用map() 来构建您的阵列。试试这个：

var xml = '<ArrayOfreport_overallTime><report_overallTime><label>United States</label><value>65</value></report_overallTime><report_overallTime><label>United Kingdom</label><value>58</value></report_overallTime><report_overallTime><label>Germany</label><value>30</value></report_overallTime><report_overallTime><label>India</label><value>65</value></report_overallTime><report_overallTime><label>Russia</label><value>65</value></report_overallTime><report_overallTime><label>Germany</label><value>30</value></report_overallTime></ArrayOfreport_overallTime>';

var data = $(xml).filter('ArrayOfreport_overallTime').find('report_overallTime').map(function() {
    var $el = $(this);
    return [[$el.children("label").text(), parseFloat($el.children("value").text())]];
}).get();

console.log(data);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>