javascript - 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)
        }

    });

});
});

当按下提交按钮时，我尝试运行此 AJAX 来执行我的 CGI 脚本。因此，我使用了 eventListener 和 preventDefault。

GET 似乎工作正常，因为这些是我在浏览器中测试时得到的结果

响应 header 中的 JSON 是我要检索的 JSON。但由于某种原因，我的 AJAX 中的成功或错误被调用，所以我无法访问 JSON。

Answer 1

我发现有两件事是不正确的:

• JSON 响应数据在响应 header 中发送，而不是在响应正文中发送；
• jQuery 正在执行 JSONP 请求，这意味着响应应该是有效的 Javascript (而不是 JSON)，它应该调用提供的回调函数(如果没有被调用，jQuery 将不会'不知道请求已完成，因此 success 和 error 回调都不会被调用)；

修复此问题取决于您是否需要 JSONP。如果没有，只需使用 json 作为数据类型，并确保 JSON 数据位于响应正文中。如果您确实需要 JSONP，您的 CGI 脚本应该提供有效的 JS 响应，如下所示:

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

(其中 jQueryXXX 应该是 callback 查询字符串参数的值)