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)。“)”; 如上所述的链接。