1

我正在尝试使用 jquery 编写一个 firefox 扩展来从 wikipedia API 获取数据。我这样调用getJSON:

jqxhr = $.getJSON("http://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?", {page:wikipediaPage, prop:"text|images", uselang:"en"}, function() {dump("success?\n");} ).error(function() { dump("error?\n"); } );

这段代码正在执行,因为脚本没有停止运行并且我没有看到异常,但是成功或错误函数都没有响应。当我将代码放在计算机上的 HTML 文档中并从浏览器运行时,该代码有效,但在扩展程序中它失败了。

我对javascript和jquery完全陌生,所以任何帮助都将不胜感激!

以下是作为网页加载时有效的代码:

<html>
<head>
    <style>
        a.test {font-weight : bold; }
    </style>
</head>
<body>

    <a href="http://jquery.com/">jQuery</a>
    <script src="jquery.js"></script>
    <div id="insertTest"></div>

    <script>
        var wikipediaHTMLResult = function(data) {
            document.write("<p>Inside callback</p>");
            document.write("Text data: " + data);
            var readData;
            for(x in data){
                for(y in data[x]){
                    for(z in data[x][y]){
                        readData += data[x][y][z];
                    }
                }
            }
            var arrayData = jQuery.makeArray(readData);
            var newData = new Array();
            var ignore = false;
            //document.write("<p>" + readData + "</p>");
            var i = 0;
            //document.write(arrayData);
            for(x in readData){
                if(i > 100000){
                    break;
                }
                i++;
                if(readData[x]=== '<'){
                    ignore = true;
                }
                else if(readData[x] === '>'){
                    ignore = false;
                }
                else if(readData[x]==='"'){
                    if(ignore){
                        newData[x] = "";
                    }
                    else{
                        newData[x] = "&quot;";
                    }
                }
                else{
                    if(ignore){
                        newData[x] = "";
                    }
                    else{
                        newData[x] = readData[x];
                    }
                }
            }
            i = 0;
            for(x in newData){
                document.write(newData[x]);
                i++;
            }
            document.write("<p>"+i+"</p>");
        };
        function callWikipediaAPI(wikipediaPage) {
            $.getJSON('http://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?', {page:wikipediaPage, prop:'text|images', uselang:'en'}, wikipediaHTMLResult);
        }
        callWikipediaAPI('Gregg Hartsuff');


        $("a").addClass("test");
        $(document).ready(function(){
            $("a").click(function(event){
                event.preventDefault();
                $(this).hide("slow");
            });
        });
        document.write("<p>Script is running</p>");
    </script>

</body>

4

2 回答 2

0

这可能会有所帮助,我很想看看 API 会返回什么,所以我做了一个简单的例子。你可以在这里看到小提琴:http: //jsfiddle.net/neilheinrich/ZPNxv/

此外,您绝对应该研究Firebug,因为它可以帮助您更轻松地调试它。您可以直接从 firebug 运行请求(并查看它返回的内容)。

var url = "http://en.wikipedia.org/w/api.php?action=parse&format=json&callback=?";
var page = "baseball"

$.getJSON(url, { 
  page: page, 
  prop:"text|images", 
  uselang:"en"
}, function(data) {
  var $container = $("body")

  // append title
  $container.append(data['parse']['title']);

  // append page text
  $container.append(data['parse']['text']['*']);    

  // append images
  var images = data['parse']['images'];
  $.each(images, function(i, src){
    // note: the path of these images is somewhat obscured
    // filenames are all that is supplied (no path)
    $container.append(src)
  })
})
于 2011-10-29T18:39:48.110 回答
0

是的!我也看到了这一点,也没有在网上找到任何关于它的信息。我正在使用 php 返回 JSOn 结果,发现使用 header() 更改“Content-Type”有所帮助,但奇怪的是,并非每次我都会说 95% 的时间。

还要确保您的 JSON 有效,如果有疑问,请将响应复制并粘贴到此处,因为 jQuery Firebug 根本不执行任何操作:http: //jsonformatter.curiousconcept.com/

希望有帮助

于 2011-10-29T18:48:26.477 回答