getJSON跨域SyntaxError问题分析

网络编程 2021-07-05 09:50www.168986.cn编程入门
这篇文章主要介绍了getJSON跨域SyntaxError问题分析,需要的朋友可以参考下

昨天写一个功能点击手机验证的获取json端的数据。

javascript代码如下

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

user.php代码如下

<?php
if($_GET){
$mobile = $_GET['mobile'];
if ($mobile == 'XXXX') {
$user = array(
'city' =>'石家庄',
'cityid' =>'1',
'munity' =>'紫晶悦城',
'munityid'=>'1'
);
$sucess = 1;
$return = array(
'su' =>$sucess,
'data' => $user
);
}else {
$sucess = 2;
$return = array(
'su' =>$sucess
);
}
echo json_encode($return);
}
?>

相应如下

问题出来了

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

解决方法如下

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

完整代码

<?php
header("Aess-Control-Allow-Origin:http:.test.");
if($_GET){
$mobile = $_GET['mobile'];
if ($mobile == '18831167979') {
$user = array(
'city' =>'石家庄',
'cityid' =>'1',
'munity' =>'紫晶悦城',
'munityid'=>'1'
);
$sucess = 1;
$return = array(
'su' =>$sucess,
'data' => $user
);
}else {
$sucess = 2;
$return = array(
'su' =>$sucess
);
}
$b = json_encode($return);
echo "{$_GET['jsoncallback']}({$b})";
exit;
}
?>

如果在 PHP 中少了 header("Aess-Control-Allow-Origin:http:.test."); 代码,则会出现

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

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by