jQuery .ajax вызов bit.ly возвращает результаты в IE, но не в FF или Chrome - PullRequest
Новая
       37

jQuery .ajax вызов bit.ly возвращает результаты в IE, но не в FF или Chrome

3 голосов
/ 08 апреля 2010

Я пытаюсь вызвать службу сокращения URL bit.ly с помощью jQuery с вызовом .ajax.

обновление Интересно, это проблема междоменной безопасности? Я звоню с mysite.com на bit.ly

<html><head>
<script type="text/javascript" src="http://www.twipler.com/settings/scripts/jquery.1.4.min.js"></script>
<script type="text/javascript">
jQuery.fn.shorten = function(url) 
{ 
  var resultUrl = url;

  $.ajax(
  {
     url: "http://api.bit.ly/shorten?version=2.0.1&login=twipler&apiKey=R_4e618e42fadbb802cf95c6c2dbab3763&longUrl=" + url,
     async: false,
     dataType: 'json',
     data: "",
     type: "GET",
     success: 
     function (json) {  resultUrl = json.results[url].shortUrl; } 
     });

   return resultUrl;
} ;
</script></head><body>
<a href="#" 
      onclick="alert($().shorten('http://amiconnectedtotheinternet.com'));">
      Shorten</a>   </body>    </html>

Это работает в IE8, но не работает ни в FireFox (3.5.9), ни в Chrome. В обоих случаях «json» равен нулю.

Заголовки в IE8 

GET http://api.bit.ly/shorten?ver..[SNIP]..dtotheinternet.com HTTP/1.1
Accept: application/json, text/javascript, */*
Accept-Language: en-US
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0;
      SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; InfoPath.2; 
     .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Host: api.bit.ly
Connection: Keep-Alive

Заголовки в Chrome 

GET http://api.bit.ly/shorten?versio..[SNIP]..nectedtotheinternet.com HTTP/1.1
Host: api.bit.ly
Connection: keep-alive
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/532.5 
    (KHTML, like Gecko) Chrome/4.1.249.1045 Safari/532.5
Origin: file://
Accept: application/json, text/javascript, */*
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

Таким образом, единственное очевидное отличие состоит в том, что Chrome отправляет «Origin: file: //», и я понятия не имею, как это остановить.

Ответы [ 2 ]

1 голос
/ 14 июля 2010

Быстрый и ленивый способ заставить это работать - использовать JSONP.

т.е. 

$.ajax(
{
     url: Request,
     async: false,
     dataType: 'jsonp',
     data: "",
     type: "GET",
     success: 
     function (json) {  console.log(json.data.url); } 
});

Должно работать во всем.

1 голос
/ 08 апреля 2010

Используйте Fiddler для проверки фактической полезной нагрузки запроса и ответа от службы bit.ly. Сравните запрос / ответ IE с Chrome, чтобы определить разницу.

Мое (дикое) предположение заключается в том, что служба возвращает вам сообщение об ошибке при отправке запроса Firefox и Chrome из-за различий в том, как браузеры делают запрос. В частности, то, как вы добавляете параметр url, кажется мне немного подозрительным, и я бы на всякий случай зашифровал его.

Обновление: Так что, действительно, заголовки HTTP выявили проблему. : -)

Заголовок Origin добавляется пользовательским агентом, когда он хочет сообщить веб-сайту, что запрос является запросом из разных источников. Очевидно, Chrome недавно добавил поддержку для этого заголовка. И конечно:

Подробности заголовка Origin все еще дорабатывается. Мы будем обновлять реализация в Google Chrome как спецификация развивается на основе обратная связь от Mozilla и от W3C и сообщества IETF в целом.

Может оказаться, что в настоящее время вы ничего не можете сделать, чтобы Chrome не отправлял этот заголовок. Кстати, кажется, что заголовок Origin был впервые представлен Firefox 3.6, и я подозреваю, что вы один из тех людей, которые используют все самые последние и лучшие из всех браузеров. : -)

Кстати, XMLHttpRequest имеет междоменные ограничения. Итак, мне интересно, не использует ли jQuery.Ajax новый XDomainRequest на IE8 вместо XMLHttpRequest.

Но вернемся к вашей проблеме - на данный момент все указывает на то, что единственное доступное решение - это сделать вызов Ajax на ваш сайт и сделать вызов bit.ly с вашего сервера. Не оптимально, я знаю ...

...