jQuery JSON feed没有被引入

时间:2013-04-22 17:55:08

标签: jquery json

我们有一个来自数据库的json提要,该数据库列出州的大学校园。我似乎无法将内容放入页面。

我有jsfiddle设置。

简单的HTML代码:

<h2>Campuses</h2>
<div id="state"></div>

jQuery:

$(document).ready(function () {
    $.getJSON("http://ml.uscm.org/ministries.json?state=CA&active=true",
        function (data) {
        $.each(data, function () {
            $.each(this, function (key, value) {
                $("#state").append(
                    "Name: " + value.name + "<br />" +
                    "City: " + value.city + "<br />" +
                    "State: " + value.state + "<br />");
            });
        });
    });
});

示例json的直接链接:

http://ml.uscm.org/ministries.json?state=CA&active=true

1 个答案:

答案 0 :(得分:1)

您可以尝试这个(使用jsonp,注意网址中的回调参数)

$.getJSON("http://ml.uscm.org/ministries.json?state=CA&active=true&callback=?", function (data) {
    $.each(data, function (key, value) {
        $("#state").append(
            "Name: " + value.name + "<br />" +
            "City: " + value.city + "<br />" +
            "State: " + value.state + "<br />");
    });
});

Working Fiddle Here. 请阅读jQuery site关于jsonP的更多信息。