AJAXコールバックは、私は<em>ボタン</em>が押されたときに提出する私のCGIスクリプトを実行するために、このAJAXを実行しようとしています大成功でもエラー

Question

document.getElementById('myform').addEventListener('submit', function (e) { 

// voorkomt de standaard actie van de submit 
e.preventDefault(); 
$(function() { 
    var artiest = document.getElementById("artiest"); 
    var rijen = document.getElementById("rij"); 
    var kolommen = document.getElementById("kolom"); 

    var CGIurl = 'http://localhost:8000/cgi-bin/schuifpuzzel.py?artiest=' + artiest.value + 
     "&rijen=" + rijen.value + "&kolommen=" + kolommen.value + "&callback=jsonp"; 

    $.ajax({ 
     type: 'GET', 
     url: CGIurl, 
     dataType: "jsonp", 
     success: function(data){ 
      console.log(data) 
     } 

    }); 

}); 
}); 

、ない呼び出されることはありません。だから私はeventListenerとpreventDefaultを使った。

これらはJSONをレスポンスヘッダに

ブラウザでテストするとき、私は取得しています結果であるため、GETがうまく動作しているようだが、私が取得しようとしているものです。 何らかの理由で私のAJAXのsuccesやエラーが呼び出されたので、JSONにアクセスする方法がありません。

Answer 1

間違っている私が見ることができる二つあります：

• JSON応答データは応答して送信されヘッダ、代わりに応答のをボディ。
• jQueryはJSONPリクエストを実行しています。つまり、応答が有効であることを意味するJavascript（JSONではありません）は、指定されたコールバック関数を呼び出す必要があります（jQueryは、したがって、successでもerrorコールバックも呼び出されません。

これを修正するかどうかは、JSONPが必要かどうかによって異なります。そうでない場合は、jsonをデータ型として使用し、JSONデータが応答本体にあることを確認してください。私が使用しています

jQueryXXX({ "content" : { "size" : ... } }); 

（jQueryXXXがcallbackクエリ文字列パラメータの値があるべき場所）