JSONP - «Uncaught SyntaxError: Неожиданный токен»

Question

Прежде чем я объясню свою проблему, я хотел бы упомянуть, что я наивный на jsonp. Это на самом деле моя первая попытка работать с JSONP.

Im using jquery ajax call to pullback данные с веб-сайта.

мой JQuery код ниже

$.fn.checkTPS = function(){ 

    return this.each(function(){ 
     var interval; 

     $(this).on('keyup', function() { 
      var api_key = 'asdfasfsadfsadfsad'; 
      var format = 'json'; 
      var username = 'dame@example.co.uk'; 

      var self = $(this); 
      var selfValue; 
      var feedback = $('.tps-feedback'); 

      if(interval === undefined){ 

       interval = setInterval(function(){ 

        if(selfValue !== self.val()) { 

         selfValue = self.val(); 

         if (selfValue.length > 9){ 
          $.ajax({ 
           url: 'https://www.selectabase.co.uk/api/v1/tps/' + selfValue + '/', 
           type: 'get', 
           dataType: 'jsonp', 
           data: { 
            format: format, 
            username: username, 
            api_key: api_key 
           }, 
           success: function(data) { 
            console.log(data); 
           }, 
           error: function() { 

           }, 
           jsonp: 'jsonp' 
          }); 
         } 
        } 
       },3000); 
      } 
     }); 
    }); 
}; 

Я хочу, чтобы приспособить обслуживание от selectabase.co.uk, по их мнению, это, как я должен использовать сервис https://www.selectabase.co.uk/api/v1/tps/[number]/?format=json&username=[username]&api_key=[api key]

когда я отправить запрос с помощью Ajax, я получаю это ошибка Uncaught SyntaxError: Unexpected token : и при нажатии на это открывает {"ctps": false, "number": "1452500705", "resource_uri": "/api/v1/tps/01452500705/", "tps": false}, кстати это я хочу, но не знаю, что эта ошибка unexpected token :

Я скопировал ссылку из инспектировать вкладку элемента (вы можете увидеть изображение ниже) Я думаю, что это вызов, который был сгенерирован с помощью JSON https://www.selectabase.co.uk/api/v1/tps/01452500705/?jsonp=jQuery17102731868715648129_14120077325500&format=json&username=dame40example.co.uk&api_key=asdfasfsadfsadfsad&_=14120077325500

Я скопировал ссылку с inspect element > source tab в хроме .. Я думаю, что я должен добавить изображение, чтобы правильно описать, где эти json-данные и ссылка, с которой я скопировал.

Я надеюсь, что я смог передать свое сообщение через ... пожалуйста, помогите, если у вас есть какие-либо идеи, что мне нужно сделать, чтобы добавить ... Привет

Answer 1

format=json в строке запроса вероятно, должно быть format=jsonp. Сервер отвечает JSON, но вы ожидаете ответа JSONP. Но я не знаю, что они поддерживают format=jsonp, это просто догадка.

С другой стороны, если , что сервер поддерживает CORS и позволяет запросы от вашего происхождения, вы могли бы обрабатывать JSON вместо (просто удалить dataType: "json" из вашего ajax вызова). Помните, что для этого потребуется, чтобы пользователь использовал браузер, который properly supports CORS, который IE8 и IE9 этого не делают. (Они поддерживают CORS, но не через обычный объект XMLHttpRequest, и это несовместимость браузера, что jQuery не не сглаживает вас. Если вы ищете, вы можете найти «плагины» или подобные им.)