Функция успеха 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

Хорошо. На случай, если кому-то понадобится знать в будущем ... Оглядываясь назад, решение, вероятно, должно было быть более очевидным, чем было, но вам нужно, чтобы веб-ответ записывался непосредственно в ответ stream . Простой возврат строки 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({...});

Если сервер игнорирует строку запроса callback и вместо этого отвечает что-то вроде:

mycallback({...});

Затем вам придется переопределить имя функции, добавив свойство к объекту параметров:

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

Answer 3

    $.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);
                  }
            });

Answer 4

Это не полный ответ на ваш вопрос, но я думаю, что кто-то, кто проходит мимо, хотел бы знать это:

Когда вы имеете дело с JSONP из WCF REST , попробуйте использовать:

[JavascriptCallbackBehavior(UrlParameterName = "$callback")]

за реализацию вашего сервиса; это должно дать вам JSONP "из коробки".

Answer 5

Попробуйте

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

У меня работает, обычно. Вам нужно добавить & callback =? в urlOnDiffDomain, где jQuery автоматически заменяет обратный вызов, используемый в JSONP.

Обратный вызов ошибки не сработал, но вы можете использовать глобальный $ .ajaxError, как это

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