getJSON跨域SyntaxError問題分析，getjsonsyntaxerror

getJSON跨域SyntaxError問題分析，getjsonsyntaxerror

昨天寫一個功能：點擊手機驗證的同時獲取json端的數據。

javascript代碼如下：

$(".check_mobile").click(function(){
var mobile = $('.mobile').val();
$.getJSON("http://www.test.com/user.php?mobile="+mobile+"&format=json&jsoncallback=?", function(data){
if (data.succ == 1) {
var html = "<input type='hidden' name='cityid' value='"+data.data.cityid+"'><input type='hidden' name='communityid' value='"+data.data.communityid+"'>";
$(".r_m").append(html);
}
});
});

user.php代碼如下：

<?php
if($_GET){
$mobile = $_GET['mobile'];
if ($mobile == 'XXXX') {
$user = array(
'city' =>'石家莊',
'cityid' =>'1',
'community' =>'紫晶悅城',
'communityid'=>'1'
);
$sucess = 1;
$return = array(
'succ' =>$sucess,
'data' => $user
);
}else {
$sucess = 2;
$return = array(
'succ' =>$sucess
);
}
echo json_encode($return);
}
?>

相應如下：

問題出來了：

在火狐浏覽器中： SyntaxError: missing ; before statement

解決方法如下：

header("Access-Control-Allow-Origin:http:www.test.com");
$b = json_encode($return);
echo "{$_GET['jsoncallback']}({$b})";
exit;

最後完整代碼：

<?php
header("Access-Control-Allow-Origin:http:www.test.com");
if($_GET){
$mobile = $_GET['mobile'];
if ($mobile == '18831167979') {
$user = array(
'city' =>'石家莊',
'cityid' =>'1',
'community' =>'紫晶悅城',
'communityid'=>'1'
);
$sucess = 1;
$return = array(
'succ' =>$sucess,
'data' => $user
);
}else {
$sucess = 2;
$return = array(
'succ' =>$sucess
);
}
$b = json_encode($return);
echo "{$_GET['jsoncallback']}({$b})";
exit;
}
?>

如果在 PHP 中少了 header("Access-Control-Allow-Origin:http:www.test.com"); 代碼，則會出現

XMLHttpRequest cannot load ''. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' ' is therefore not allowed access.
如果少了 echo "{$_GET['jsoncallback']}({$b})"; 代碼

在谷歌浏覽器中：Uncaught SyntaxError: Unexpected token :
在火狐浏覽器中：SyntaxError: missing ; before statement

為何我用getJSON也不可以跨域,,

在實際的網站運用中，純js實現跨域訪問應該說是不可能的，不要相信網上的一些誤導，之所以要強調是“在實際的網站運用中”的條件，是因為IE浏覽器會給本地的靜態網頁較高的權限，可以異步訪問任何網站，但是如果你把它放到真實的有域歸屬的網站運用中就不行了。跨域是需要服務器端充當代理的，所以跨域的本質其實是“偽跨域”，這對剛接觸ajax的朋友來說有一定的誤導性，相信js可以跨域，那你就誤入歧途了
 

jquery跨域訪問的問題以及getjson的使用Ajax

基於安全考慮
Jquery 是不能采用這種跨域的.
getjson需要返回callback