在項目開發中，如果在同一個域名下就不存在跨域情況，使用$.getJSON()即可實現。但是需要跨域請求其他域名下面的Json數據就需要JSONP的方式去請求，跨域寫法和getJSON有差異。如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用jQuery-AJAX--讀取獲得跨域JSONP數據</title> <script src="./jquery-1.7.2.js" type="text/javascript"></script> <style type="text/css"> body,html{font-family: "Microsoft Yahei";} a{text-decoration: none;} </style> </head> <body> <h2><a href="javascript:void(0)" class="btnAJAX">點擊AJAX獲取數據JSONP跨域....</a></h2> <h2><a href="javascript:void(0)" class="btnAJAX">點擊AJAX獲取數據JSONP跨域....</a></h2> <h2><a href="javascript:void(0)" class="btnAJAX">點擊AJAX獲取數據JSONP跨域....</a></h2> <h2><a href="javascript:void(0)" class="btnAJAX">點擊AJAX獲取數據JSONP跨域....</a></h2> <script type="text/javascript"> $(function() { $(".btnAJAX").click(function(){ $.ajax({ type : "get", async:false, url : "http://weather.123.duba.net/static/weather_info/101121301.html", dataType : "jsonp", jsonp: "callbackparam", //服務端用於接收callback調用的function名的參數 jsonpCallback:"weather_callback", //callback的function名稱 success : function(json){ // console.log(json); //瀏覽器調試的時候用 alert(json.weatherinfo.city); alert(json.weatherinfo.week); alert(json.update_time); }, error:function(){ alert('fail'); } }); }); }); </script> </body> </html>