asp.net - 如何使用ajax调用跨域Web API？

Question

jQuery.ajax({
           type: "GET",
           url: 'http://example.com/restaurant/VeryLogin(username,password)',
           dataType: "json",

           success: function (data) {
               alert(data);
           },
           error: function (XMLHttpRequest, textStatus, errorThrown) {
               alert("error");
           }
       });

它会警告成功，但数据为空。 url返回xml数据，如果指定dataType，则可以获取json数据，但此处未获取任何数据。

任何帮助表示赞赏。

Answer 1

JavaScript遵循相同的域策略。这意味着为了安全起见，客户端浏览器中的JS脚本只能访问与其来源相同的域。

JSONP不受相同的限制。

在此处检查有关JSONP的jQuery文档:

http://api.jquery.com/jQuery.getJSON/

这是一个使用JSONP通过JQuery AJAX访问跨域服务的工作示例:

http://jsbin.com/idasay/4

并且以防万一JSBIN将来删除此粘贴:

jQuery.ajax({
     type: "GET",
     url: 'http://api.geonames.org/postalCodeLookupJSON?postalcode=6600&country=AT&username=demo',
     dataType: "jsonp",
     cache: false,
     crossDomain: true,
     processData: true,


     success: function (data) {
         alert(JSON.stringify(data));
     },
     error: function (XMLHttpRequest, textStatus, errorThrown) {
         alert("error");
     }
 });