在ajax中以josnp接收josn資料步驟詳解

這次帶給大家在ajax中用josnp接收josn資料步驟詳解，在ajax中用josnp接收josn資料的注意事項有哪些，下面就是實戰案例，一起來看一下。

最近在做查快遞網頁時遇到一個問題，呼叫的快遞100的api，但是快遞100api不允許跨域請求，就是用127.0. 0.1發的請求會直接被攔截。

只是個簡單的網頁，不想自己做伺服器轉發，最後找到了一個yahoo提供的jsonp代理：

http://query.yahooapis.com /v1/public/yql

var queryUrl = "\"http://www.kuaidi100.com/query?type=" + $("#type").val() + "&postid=" + $("#postid").val() + "\"";
    $.ajax({
     url: 'http://query.yahooapis.com/v1/public/yql', //jsonp代理api
     dataType: "jsonp",
     data: {
      q: "select * from json where url=" + queryUrl,
      format: "json"
     },
     success: function(result) {
      var res = result.query.results.json;
      console.log(res);
      }
     },
    })
   });

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

ajax結合mysql資料庫實現局部資料刷新

Web與AJAX的安全性效能

以上是在ajax中以josnp接收josn資料步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！