同源請求-jquery

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript">$.ajax({url: "data.txt",type: "get",dataType: "json",success: function (data) {console.log(data);}}); </script>

data.txt

{"name": "maotai", "age":22}

jsonp異源請求-jquery

• 函數名是隨機字符串

<script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript">// jsonp默認是get, jsonp默認使用callback 并且隨機生成字符串作為函數名$.ajax({url: "https://suggest.taobao.com/sug?code=utf-8&q=%E5%9B%B4%E5%B7%BE",dataType: "jsonp",success: function (data) {console.log(data);}}); </script>

• 指定函數名

<script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript">// jsonp默認是get, jsonp默認使用callback 并且隨機生成字符串作為函數名$.ajax({url: "https://suggest.taobao.com/sug?code=utf-8&q=%E5%9B%B4%E5%B7%BE",dataType: "jsonp",jsonpCallback: "fn",jsonp: "cb",success: function (data) {console.log(data);}}); </script>

轉載于:https://www.cnblogs.com/iiiiiher/p/8406417.html

總結

以上是生活随笔為你收集整理的[js]jquery里的jsonp实现ajax异源请求的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。