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

javascript - php js 跨域请求

程序员文章站 2023-12-30 13:38:58
...

ajax 请求本域名下的一个方法 userInfo,获取用户信息,但是在获取用户信息的userInfo方法,是使用了单点登录系统的,所以获取信息的过程存在跨域,这样ajax 请求就会报错,请问如何解决?

javascript - php js 跨域请求

回复内容:

ajax 请求本域名下的一个方法 userInfo,获取用户信息,但是在获取用户信息的userInfo方法,是使用了单点登录系统的,所以获取信息的过程存在跨域,这样ajax 请求就会报错,请问如何解决?

javascript - php js 跨域请求

我想到方法
1- 使用本地的php通过curl获取,这样ajax只要请求本地的php就不会发生跨域了,而PHP端的curl是没有跨域限制的。
2- 宿主端提供js脚本,伴生系统引用该js,并调用其中声明的方法进行ajax请求就不属于跨域了。
通常我都是用方法1,方法2需要宿主端系统的开发人员配合,太麻烦。

在php层做一个代理,让php请求那个跨域接口,然后php再把数据返回到页面上。
这个接口不能用jsonp,不是不能实现,是不安全。不能泄漏用户信息,因为是userinfo,所以必须注重安全问题。

跨域时,地址参数中要加一个回调函数,在js里,在这个回调函数里处理返回的数据。这里有一个post的跨域,可以参考一下。https://github.com/limeng0403/libs/blob/master/EOF/getJSON%E5%9C%A8PHP%E7%8E%AF%E5%A2%83%E4%B8%8B%E5%AE%9E%E7%8E%B0%E8%B7%A8%E5%9F%9F%E6%95%B0%E6%8D%AE%E5%8A%A0%E8%BD%BD.md

使用ajax jsonp

  1. GET请求可以用jsonp

  2. 支持CORS的浏览器,可用CORS

请求数据步骤

发送请求--->服务器响应返回--->浏览器接受响应--->判断是否是同域下

是的话,就把响应数据返回给ajax。不是的话就提醒禁止跨域请求。

其实服务端可以在响应头中增加

header("Access-Control-Allow-Origin: 允许的域");
header("Access-Control-Allow-Methods: 允许请求的方法");
header("Access-Control-Allow-Headers: X-PINGOTHER");

告诉浏览器可以把响应值返回给此请求

参考:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

跨域可以参考下面这篇文章
http://www.cnblogs.com/duanhuajian/p/4211616.html

header('content-type:application:json;charset=utf8');
header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');

在你的php文件中添加上这个

可以使用JSONP请求

我刚刚整理的解决跨域请求的三种方法:https://segmentfault.com/a/1190000004539815

postMessage();onmessage。

最好的是使用php curl代理过去,控制度高一点。
第二就是修改服务器接口文件,打开跨域限制,这样ajax就可以调用了。
第三就是建议楼主用jsonp了。

具体单点登录系统内部怎么实现的没有去看,奇怪的一点是,如果我通过浏览器直接访问userInfo方法 是可以获取用户的信息,然后ajax 再请求userInfo 方法 就能正常返回用户信息了,很是奇怪,所以我用了一个很笨的方法,就是在页面底部用了一个iframe,iframe加载应该是一次http请求,就正常了!但直接访问为什么报跨域的错误的原因还是没有找到,感谢大家的回答! @incNick @大猛 @张亚涛 @ 等等……

上一篇:

下一篇: