javascript
JSONP跨域请求数据报错 “Unexpected token :”的解决办法
?
Jquery使用ajax方法實(shí)現(xiàn)jsonp跨域請(qǐng)求數(shù)據(jù)的時(shí)候報(bào)錯(cuò) “Uncaught SyntaxError: Unexpected token :”，主要問題在于返回的數(shù)據(jù)格式不正確
本地虛擬兩個(gè)域名，分別為：www.test.com、www.abc.com
http://www.test.com/index.html頁面點(diǎn)擊按鈕，請(qǐng)求返回?www.abc.com域名目錄下的文件的數(shù)據(jù)?，其代碼為：
<!DOCTYPE html> <html> <head><meta charset="utf-8" /> <title>JSONP跨域請(qǐng)求</title> <script src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $(".button").on("click",function(){ $.ajax({ type:"get", url:"http://www.abc.com/json.php", dataType:"jsonp", jsonp:"callback", jsonpCallback:"success_jsonpCallback", success:function(json){ $(".user").html("用戶信息："+json.username+","+json.age+","+json.gender); }, error:function(){ alert("請(qǐng)求出錯(cuò)！"); } }); }); }); </script> </head> <body> <button class="button">點(diǎn)擊獲取數(shù)據(jù)</button> <div class="user"></div> </body> </html>http://www.abc.com/json.php文件代碼為：
<?php $arr = array ('username'=>'jack','age'=>21,'gender'=>'male'); echo json_encode($arr); ?>在Chrome瀏覽器調(diào)試會(huì)發(fā)現(xiàn)報(bào)錯(cuò)了，如圖：
json.php返回的數(shù)據(jù)確實(shí)是json類型的數(shù)據(jù)?{“username”:”jack”,”age”:21,”gender”:”male”} ，問題處在哪？
翻看了一下Jquery文檔發(fā)現(xiàn)jsonp:”callback”,?jsonpCallback:”success_jsonpCallback”,傳遞這兩個(gè)參數(shù)是有原因的，jsonp的返回?cái)?shù)據(jù)格式應(yīng)該是: “客戶端傳遞的回調(diào)方法名稱(json數(shù)據(jù))”，將php文件改為：
<?php $arr = array ('username'=>'jack','age'=>21,'gender'=>'male'); echo $_GET['callback']."(".json_encode($arr).")"; ?>測(cè)試，正確返回結(jié)果，如下圖：
可以看到，php文件返回的結(jié)果是?success_jsonpCallback({“username”:”jack”,”age”:21,”gender”:”male”}) ，這才是正確的jsonp返回格式，而?success_jsonpCallback這是傳遞過去的參數(shù)?。
轉(zhuǎn)載于:https://www.cnblogs.com/zhangycun/p/7504211.html
總結(jié)
以上是生活随笔為你收集整理的JSONP跨域请求数据报错 “Unexpected token :”的解决办法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 第28天：js-Tab栏切换封装函数
- 下一篇： [SpringMVC]定义多个前缀映射的