Question

我正在编写一个访问来自http://labs.bible.org/的圣经段落的API，而JSON响应则返回时没有“响应”标题或任何层次结构名称。 Firebug显示我的GET请求返回200状态，但响应选项卡始终为空。如果我直接在浏览器中输入网址，我会得到我想要的结果，但我不知道如何处理这样的JSON。示例：http://labs.bible.org/api/?passage=luke+9&formatting=full&type=json。

这就是JSON的样子。

[
    {
      "bookname": "Luke",
        "chapter": "9",
        "verse": "1",
        "text": "<t /><p class=\"bodytext\">After<n id=\"1\" /> Jesus<n id=\"2\" /> called<n id=\"3\" /> the twelve<n id=\"4\" /> together, he gave them power and authority over all demons and to cure<n id=\"5\" /> diseases,",
        "title": "The Sending of the Twelve Apostles"
    },
    {
      "bookname": "Luke",
        "chapter": "9",
        "verse": "2",
        "text": "and he sent<n id=\"1\" /> them out to proclaim<n id=\"2\" /> the kingdom of God<n id=\"3\" /> and to heal the sick.<n id=\"4\" />"
    },
    {
        "bookname": "Luke",
        "chapter": "9",
        "verse": "3",
        "text": "He<n id=\"1\" /> said to them, “Take nothing for your<n id=\"2\" /> journey &#8211; no staff,<n id=\"3\" /> no bag,<n id=\"4\" /> no bread, no money, and do not take an extra tunic.<n id=\"5\" />"
    },
    {
        "bookname": "Luke",
        "chapter": "9",
        "verse": "4",
        "text": "Whatever<n id=\"1\" /> house you enter, stay there<n id=\"2\" /> until you leave the area.<n id=\"3\" />"
    },
    {
        "bookname": "Luke",
        "chapter": "9",
        "verse": "5",
        "text": "Wherever<n id=\"1\" /> they do not receive you,<n id=\"2\" /> as you leave that town,<n id=\"3\" /> shake the dust off<n id=\"4\" /> your feet as a testimony against them.”"
    },
    {
        "bookname": "Luke",
        "chapter": "9",
        "verse": "6",
        "text": "Then<n id=\"1\" /> they departed and went throughout<n id=\"2\" /> the villages, proclaiming the good news<n id=\"3\" /> and healing people everywhere.</p>"
    },
    {
        "bookname": "Luke",
        "chapter": "9",
        "verse": "7",
        "text": "<t /><p class=\"bodytext\">Now Herod<n id=\"1\" /> the tetrarch<n id=\"2\" /> heard about everything that was happening, and he was thoroughly perplexed,<n id=\"3\" /> because some people were saying that John<n id=\"4\" /> had been raised from the dead,",
        "title": "Herod&#8217;s Confusion about Jesus"
    },
   (...)
]

那么我如何编写代码来访问和解析JSON，以及如何循环遍历所有结果？

这些是我获取和解析JSON的函数：

function callApi(argument, callBack){

        var requestUrl = apiUrl+argument+type;

        try{
            var request = new XMLHttpRequest();

            request.addEventListener("readystatechange",
            function() {callBack(request);}, false);

            request.open("GET", requestUrl, true);
            request.setRequestHeader("Accept", "application/json; charset=utf-8");
            request.send();
        }//end try
        catch(exception){
            alert("Request Failed");
        }//end catch
    }//end function callApi

function parseData(request){

    if(request.readyState==4 && request.status==200){
        var data = JSON.parse(request.responseText);
        displayNames(data);
    }//end if
}// end function parseData

Answer 1

如果您尝试使用不同的JSON网址，请执行以下操作：http://labs.bible.org/api/?passage=luke+9:3&type=json&callback=? （删除&formatting=full并在结尾添加&callback=?。）

如果你得到没有格式化标签（所有<HTML>标签）的响应，它似乎为我解析，至少在jsFiddle的这个例子中： http://jsfiddle.net/L8Fed/2/

更新：以下是如何使用jQuery从您的网址抓取JSON的示例：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
    var json_url = "http://labs.bible.org/api/?passage=luke+9:3&type=json&callback=?";

    $.getJSON(json_url, function(json_response) { 
        for(var i = 0; i < json_response.length; i++) {
            alert(json_response[i].text);
        }
    });
});
</script>

基本上，这段代码：

包含jQuery
将JavaScript放入ready函数（more details here ...）
确保调用最后包含&callback=?的API网址（for this reason）
调用jQuery的$.getJSON()函数（使用您的API网址并将响应命名为json_response）
循环浏览json_response并允许您获得所需的任何值。 （您可能希望在某个时候取出alert()功能......;）

无标题的JSON响应

1 个答案: