JSON跨域与PHP文件和本地javascript文件的通信
我是一名JSON新手,但在PHP和javascript方面有很好的经验。 问题很简单,答案可能更简单。 我无法将数据从服务器上的PHP文件发送到我本地的另一个PHP文件,该文件将从服务器接收JSON格式的数据。 我究竟做错了什么?
Javascript Frag(本地)
$(document).ready(function(){ //attach a jQuery live event to the button $.getJSON('http://www.xpal.com/ws_users.php?action=get_user_data&user_id=33',function(data) { alert(data); //uncomment this for debug $('#showdata').html("Username= "+data.username+"
Email= "+data.email+"
Firstname="+data.firstname+"
Lastname="+data.lastname+"
"); }); });
PHP Frag(Server @ xpal.com):
$ users =新用户;
if($_GET['action']=="get_user_data") { $user_id=$_GET['user_id']; $assoc=array( "username"=>$users->return_username($user_id), "email"=>$users->return_user_emailid($user_id), "firstname"=>$users->return_user_firstname($user_id), "lastname"=>$users->return_user_lastname($user_id) ); echo json_encode($assoc); }
编辑:
错误消息:XMLHttpRequest无法加载xpal.com/ws_users.php?action=get_user_data&user_id=33。 Access-Control-Allow-Origin不允许使用origin localhost。
要使用jsonp,如其他建议,你必须要么“回调=?” 在您的URL的末尾,或使用$ .ajax()并指定dataType是jsonp。 这里的例子。
您无法对托管页面的其他域进行ajax调用。 请参阅浏览器出于安全原因实施的同源策略 。
有一种方法可以进行跨域ajax调用,它涉及使用JSONP 。 基本上,您将脚本标记注入到您自己的框架中,该脚本标记指向Web上任何位置的服务器端点。 由于脚本标记的src值不受同一原始策略的限制,因此您可以访问该服务器。 但是,现在你需要有办法让结果得到回报。 这是使用JSONP完成的,您在服务器请求中指定了希望返回的javascript调用的javascript函数。 返回javascript可以在其中包含javascript数据,然后传递给所需的函数。 JSONP需要客户端代码和服务器代码之间的协作,因为正常的ajax调用可能不支持JSONP的额外部分。 但是,通过双方的这种合作,您可以绕过支持JSONP的服务器端点的相同原始策略。
正如在其他答案中已经解释的那样,由于同源策略 ,这不起作用。
现在,JSONP(参见jfriend00的答案)是解决它的一种方法,但它有它的缺点。 (见本页末尾)。
还有另外一种方法:那就是让PHP查询远程服务器并将响应发送回客户端。 看这个页面:
用jQuery查询跨域AJAX
此方法的主要缺点是所有流量都将通过您的服务器,因为您必须调用远程页面,获取响应并将响应发送回客户端。
它被称为同源政策 。 简而言之:您的代码所在的域是您的javascript可以与之通信的唯一域(默认情况下)
JQuery不会得到json?
如果这是一个选项,您可以在自己的服务器上运行php脚本。
这个:-
回复此: -
object(stdClass)[1] public 'username' => string 'sniper' (length=6) public 'email' => string 'ajithsubramanian@gmail.com' (length=26) public 'firstname' => string 'Ajith' (length=5) public 'lastname' => string 'Ravi' (length=4)
这会让你走上正确的道路吗? 您可以在服务器上基于此对脚本执行AJAX调用。
你应该看看CORS及其实现。
在您的情况下,可能的解决方案是在您的php文件中使用标头(Access-Control-Allow-Origin:http:// localhost) 。 将localhost替换为受SOP限制的域。
有关CORS的详细参考信息, 请访问https://developer.mozilla.org/en/HTTP_access_control 。
您可以使用相同的jQuery来发出跨域请求,只需检查链接跨域请求 ,他们就演示了如何实现跨域请求…
在您的代码中,确保以下内容正确无误,
- http://www.xpal.com输出应为json格式
-
如果输出中有任何错误,jsonp技术不会显示错误(error handling不当)。
-
你的json输出应该用echo $ _GET [‘callback’]覆盖。“”。json_encode($ array)。“)”; 如上所述的链接。