关于javascript:$。ajax()成功不会运行函数

$.ajax() success won't run function

我的问题是关于$.ajax() jQuery方法。 我无法在$.ajax()中获取成功参数。

这有效:

1
2
3
4
5
6
7
$.ajax({
    type: 'POST',
    url:"/getCodes.php?codes=billingCodes&parent="+$('#wClient').val(),
    dataType: 'json',
    success: window.alert("inside aJax statement")

});

这不是:

1
2
3
4
5
6
7
8
 $.ajax({
    type: 'POST',
    url:"/getCodes.php?codes=billingCodes&parent="+$('#wClient').val(),
    dataType: 'json',
    success: function(){
        window.alert("inside aJax statement");
    }                      
});

在第一种情况下,我得到一个JavaScript警报窗口,让我知道我调用的$.ajax()正在工作。 在第二个代码块中更改的是我将window.alert()放在function() { window.alert(); }中。

这一点是验证$ .ajax是否正在运行,所以当$ .ajax成功运行时,我可以在function(){}中放入一些实际有用的代码。


在您的第二个示例中,除非您从服务器成功回拨,否则不会发生任何事情。添加一个错误回调,正如许多人建议的那样,确实ajax请求确实有效,但服务器当前没有发送有效的响应。

1
2
3
4
5
6
7
8
9
10
11
$.ajax({
        type:"POST",
        url:"/getCodes.php?codes=billingCodes&parent="+$('#wClient').val(),                        
        dataType:"json",
        success: function(response){
                alert(response);        
      },
      error: function(jqXHR, textStatus, errorThrown){
          alert('error');
      }        
      });

有用的链接跟踪错误。


你的第一个例子没有做任何事情来证明ajax调用有效。它所做的只是证明已达到ajax函数,因为在调用函数之前,将评估您传递给ajax函数的匿名对象中的属性值。

你的第一个例子与此基本相同:

1
2
3
4
5
6
7
8
9
10
// THIS IS NOT A CORRECTION, IT'S AN ILLUSTRATION OF WHY THE FIRST EXAMPLE
// FROM THE OP IS WRONG
var alertResult = window.alert("inside aJax statement");
$.ajax({
    type: 'POST',
    url:"/getCodes.php?codes=billingCodes&parent=" + $('#wClient').val(),
    dataType: 'json',
    success: alertResult

})

例如,首先调用并显示alert,然后发生ajax调用,其中success引用来自alert的返回值(可能是undefined)。

你的第二个例子是正确的。如果您在第二个示例中没有看到警报,则表示ajax调用未成功完成。添加error回调以查看原因。


这是100%你的第二个例子是正确的。它什么都不做?也许是因为ajax调用没有成功。
添加"错误"处理程序并检查waht使用浏览器的开发人员工具 - >网络 - > XHR返回您的ajax调用。这确实有助于处理损坏/不正确的ajax请求


我认为你做得对,但你的要求没有成功。尝试添加错误处理程序:

1
error: function(){alert("Error");};

我猜数据类型不匹配或类似的东西。


在第一种情况下,当您运行$ .ajax时,window.alert会立即执行
第二个它只在你收到服务器的答案时运行,所以我怀疑你的ajax请求有问题


您可能想尝试使用承诺:

1
2
3
4
5
6
7
8
9
10
11
12
13
var promise = $.ajax({
  type: 'POST',
  url:"/getCodes.php?codes=billingCodes&parent="+$('#wClient').val(),
  dataType: 'json'
});

promise.fail( function() {
  window.alert("Fail!");
});

promise.done( function() {
  window.alert("Success!");
});

这样做是将ajax调用保存到变量,然后为每个返回状态分配其他功能。确保您要返回的数据类型实际上是json,或者您可能会看到奇怪的行为!

请注意,js是单线程的;你的第一个例子工作的原因是因为它实际上执行下一个'成功'的代码并存储结果。在这种情况下,没有什么可以存储;它只是弹出一个警报窗口。这意味着在警报触发后,ajax调用将离开客户端:使用Chrome上的开发人员工具或等效工具来查看此信息。

通过在那里放置一个函数,当ajax调用在线程中稍后返回时(或者更准确地说,在响应返回时启动的新线程中),将其指定为执行某些操作。