Question

我的代码是：

var test = "it isn't working";
var response = $.ajax({
    type: 'GET',
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error.
    success: function(){
            test = "it's working";
        },
    error: function(){
            alert("Error detected");
        }
 }).responseText;
alert(test);

我测试了状态代码，它出现了200并且错误功能永远不会消失，但成功功能也没有。就像我在评论中所说的那样，它不是同源政策错误。它只是停留说“它不起作用”。这是怎么回事？

Answer 1

试试这个：

 error: function(jqXHR, textStatus, errorThrown) {
        console.log(JSON.stringify(jqXHR));
        console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
 }

Answer 2

您的ajax调用是异步的。当你的警报结束时，它还没有完成。在成功函数中添加实际警报，您应该在那里看到结果。

请记住，进行ajax调用只会启动异步ajax调用，然后其余代码继续运行。在您发布的代码示例中，这意味着您的alert(test)调用会在ajax调用完成之前立即运行。

您只能在成功处理程序本身内检查ajax调用的结果。

var test = "it isn't working";
var response = $.ajax({
    type: 'GET',
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error.
    success: function(){
            alert("it's working");   // put this here and you will see it 
                                     // if the ajax call is successful
        },
    error: function(){
            alert("Error detected");
        }
 }).responseText;

Answer 3

为了调试这些类型的东西，我find Firebug是一个不可或缺的工具。它会准确显示服务器的响应（500错误，553错误，你有什么）。您可以在Javascript代码中添加断点并逐步调试它。 Firebug适用于Firefox。

对于IE，您可以使用类似于Firebug的开发人员工具功能，特别是在IE9上，这似乎比以前版本的IE7或IE8的开发人员工具更成熟。

Answer 4

将该警报（测试）从结束移动到ajax调用的success函数中。如果它警告它意味着代码正在工作，否则它不是。你只能在成功返回时调试ajax调用。

var test = "it isn't working";
var response = $.ajax({
    type: 'GET',
    url: 'jquerydemo.php', 
    success: function(){
            test = "it's working";
            alert(test);   //It will alert when you ajax call returns successfully.
        },
    error: function(){
            alert("Error detected");
        }
 }).responseText;

希望这有帮助。

Answer 5

你可以像

一样

  var response = $.ajax({
    type: 'GET',
    url: 'jquerydemo.php', 
    success: function(){
           alert("it's working");
        },
    error: function(){
            alert("Error detected");
        }
 }).responseText;

这将有效....

如何调试jQuery Ajax请求？

5 个答案: