getJSON跨域SyntaxError问题分析,getjsonsyntaxerror_PHP教程

php中文网
发布: 2016-07-13 10:21:15
原创
1048人浏览过

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代码如下:

<&#63;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);
}
&#63;>
登录后复制

相应如下:

问题出来了:

立即学习PHP免费学习笔记(深入)”;

奇域
奇域

奇域是一个专注于中式美学的国风AI绘画创作平台

奇域 30
查看详情 奇域

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

解决方法如下:

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

最后完整代码:

<&#63;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;
}
&#63;>
登录后复制

如果在 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
 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/860468.htmlTechArticlegetJSON跨域SyntaxError问题分析,getjsonsyntaxerror 昨天写一个功能:点击手机验证的同时获取json端的数据。 javascript代码如下: $(".check_mobile")....
PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号