Jquery 成功函数未使用 JSONP 触发

Question

一直在使用 jQuery 调用我的服务，该服务位于不同的域中。对服务的调用已成功进行（我的调试点被触发），并且返回了正确的响应（我嗅探了流量）。

我的问题主要是成功和失败回调不会被触发。我读过一些 SO 上的其他帖子表明使用 JSONP 时不会触发错误事件。成功事件也是如此（也许是因为假设我提供自己的回调函数），或者是否有办法触发我的成功回调。提前致谢。

$.ajax({
  type: "GET",
  url: urlOnDiffDomain,
  async: false,
  cache: false,
  dataType: 'jsonp',
  data: {},
  success: function(data, textStatus) {
    alert('success...');
  },
  error: function(xhr, ajaxOptions, thrownError) {
   alert('failed....');
  }
}); 

Answer 1

好吧。万一将来有人需要知道......事后看来，解决方案可能应该比以前更明显，但您需要将网络响应直接写入响应流。简单地返回 JSON 字符串并不能做到这一点，您需要有人构造它并将其流式传输回来。如果你确实这样做的话，我原来的帖子中的代码将工作得很好。

服务代码示例：

public void DoWork()
{
  //it will work without this, but just to be safe
  HttpContext.Current.Response.ContentType = "application/json"; 
  string qs = HttpContext.Current.Request.QueryString["callback"];
  HttpContext.Current.Response.Write(qs + "( [{ \"x\": 10, \"y\": 15}] )");
}

为了明确起见，这是客户端代码。

function localDemo(){
  $.getJSON("http://someOtherDomain.com/Service1.svc/DoWork?callback=?",
    function(data){
      $.each(data, function(i,item){            
        alert(item.x);
      });
  });
}

如果有更好的方法来做到这一点，我洗耳恭听。对于其他人，我知道 WCF 4.0 中有一些对 JSONP 的本机支持的概念。另外，您可能需要做一些 检查 出于安全目的 - 尽管我没有调查太多。

Answer 2

当服务器响应时，会调用 success 回调方法。 $.ajax 方法设置一个函数，通过调用 success 回调方法来处理响应。

未调用 success 方法的最可能原因是服务器的响应不正确。 $.ajax 方法在 callback 查询字符串中发送一个值，服务器应将其用作 JSONP 响应中的函数名称。如果服务器使用不同的名称，则永远不会调用 $.ajax 方法设置的函数。

如果服务器无法使用 callback 查询字符串中的值来设置响应中的函数名称，您可以指定 $.ajax 方法应该使用什么函数名称服务器。将属性 jsonpCallback 添加到选项对象，并将值设置为服务器在响应中使用的函数的名称。

例如，如果 $.ajax 方法使用 URL http://service.mydomain.com/getdata?callback=jsonp12345 向服务器发送请求，则服务器应该以如下形式响应：

jsonp12345({...});

如果服务器忽略回调查询字符串，而是以如下形式响应：

mycallback({...});

那么您必须通过向选项对象添加属性来覆盖函数名称：

$.ajax({
  url: urlOnDiffDomain,
  dataType: 'jsonp',
  data: {},
  success: function(data, textStatus) {
    alert('success...');
  },
  jsonpCallback: 'mycallback'
});

Answer 3

通常，尝试

$.getJSON(urlOnDiffDomain, function(data, textStatus){
    alert('success...');
});

为我工作。您需要添加 &callback=?到 urlOnDiffDomain，其中 jQuery 自动替换 JSONP 中使用的回调。

错误回调不会被触发，但是你可以使用全局$.ajaxError，像这样

$('.somenode').ajaxError(function(e, xhr, settings, exception) {
    alert('failed');
});

Answer 4

这不是您问题的完整答案，但我认为路过的人想知道这一点：

当您处理 来自 WCF REST 的 JSONP 尝试使用：

[JavascriptCallbackBehavior(UrlParameterName = "$callback")]

来实现您的服务；这将为您提供开箱即用的 JSONP。

Answer 5

    $.ajax({
                url:' <?php echo URL::site('ajax/editing?action=artistSeracher') ?>',
                dataType: "json",
                data: {
                    featureClass: "P",
                    style: "full",
                    maxRows: 12,
                    artist: request.term
                },
                success: function( data ) {
                    response( $.map( data, function( item ) {
                        return {
                            label: item.artist,
                            value: item.artist,
                            id: item.id
                        }
                    }));
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(thrownError);
                  }
            });