1

jqueryを使用してwikipedia APIからデータを取得するFirefox拡張機能を作成しようとしています。次のように 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にまったく慣れていないので、どんな助けでも大歓迎です!

Web ページとして読み込まれたときに機能するコードを次に示します。

<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

はい！私もこれを見たことがありますが、オンラインでもまったく何も見つかりませんでした。私は JSOn の結果を返すために php を使用していましたが、header() を使用して 'Content-Type' を変更すると効果的であることがわかりましたが、不思議なことに、毎回 95% とは言えませんでした。

また、JSON が有効であることを確認してください。疑問がある場合は、応答をコピーしてここに貼り付けてください 。

それが役立つことを願っています

于 2011-10-29T18:48:26.477 に答える