欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

getJSON跨域SyntaxError问题分析

程序员文章站 2022-07-04 21:48:16
昨天写一个功能:点击手机验证的同时获取json端的数据。 javascript代码如下: $(".check_mobile").click(function()...

昨天写一个功能:点击手机验证的同时获取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