當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
jQuery中通过JSONP来跨域获取数据的三种方式
生活随笔
收集整理的這篇文章主要介紹了
jQuery中通过JSONP来跨域获取数据的三种方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
第一種方法是在ajax函數中設置dataType為'jsonp'
$.ajax({dataType: 'jsonp',url: 'http://www.a.com/user?id=123',success: function(data){//處理data數據 } });第二種方法是利用getJSON來實現，只要在地址中加上callback=?參數即可
$.getJSON('http://www.a.com/user?id=123&callback=?', function(data){//處理data數據 });第三種方法是使用getScript方法
//此時也可以在函數外定義foo方法 function foo(data){//處理data數據 } $.getScript('http://www.a.com/user?id=123&callback=foo');實例演練：
index.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jsonp</title> <script src="http://xvpindex.qiniudn.com/Static/Plugins/jquery/jquery-1.8.0.min.js"></script> <script>$.ajax({type : "post",url : "http://www.topjui.com/jsonp.php?name=zhaoxiace&age=30",dataType : "jsonp",jsonp: "callbackParam",//傳遞給請求處理程序或頁面的，用以獲得jsonp回調函數名的參數名(默認為:callback) jsonpCallback:"callbackFunction",//自定義的jsonp回調函數名稱，默認為jQuery自動生成的隨機函數名 success : function(data){console.log(data.statusCode + "/" + data.message + "/" + data.name + "/" + data.age);},error:function(){alert('請求失敗');}}); </script> </head>?
jsonp.php
<? $data["age"] = $_GET['age']; $data["name"] = $_GET['name']; $data["statusCode"]="200"; $data["message"]="成功"; $tmp= json_encode($data); //json數據 echo $callback . '(' . $tmp .')'; //返回格式，必需 ?>?
轉載于:https://www.cnblogs.com/yhdsir/p/5026265.html
總結
以上是生活随笔為你收集整理的jQuery中通过JSONP来跨域获取数据的三种方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【java】java内存模型 （1）--
- 下一篇： PInvoke复习之深入理解char*与