javascript - php js 跨域请求

Question

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

Answer 1

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

Answer 2

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

Answer 3

跨域时，地址参数中要加一个回调函数，在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

Answer 4

使用ajax jsonp

Answer 5

1. 纯GET请求可以用jsonp

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

Answer 6

请求数据步骤

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

是的话，就把响应数据返回给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

Answer 7

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

Answer 8

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文件中添加上这个

Answer 9

可以使用JSONP请求

Answer 10

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