跨域解决方案等一些问题(jsonp,nginx代理等)

1. 用jsonp跨域须要后台修改代码

后台须要用前台传递的函数名将数据包起来,本质上是一个函数调用,将数据当作参数传递回来。ajax

callback({"data": "ok"})

因此普通的ajax请求产生的数据不能用jsonp去请求;
可是一个接口也能够同时支持普通的ajax请求(返回json对象),和jsonp请求(返回一串js代码),这须要后台和前台约定好一个参数做为函数名,如callback=cb,后台判断是否有这个参数,若是有这个参数就返回jsonp请求。json

2. jsonp的弊端

  1. 服务器须要改动代码;
  2. 只支持get请求;

因此如今不多用了。跨域

3. 跨域请求带上cookie

通常的ajax请求都会默认带上cookie,可是跨域默认不会带cookie,要带上cookie必须加一行代码;服务器

$.ajax({
        url : 'http://remote.domain.com/corsrequest',
        data : data,
        dataType: 'json',
        type : 'POST',
        xhrFields: {
            withCredentials: true
        },
        ...

4. 带cookie的跨域

  • 后台不能将Access-Control-Allow-Origin设置为*
  • 设置Access-Control-Allow-Credentials: true
相关文章
相关标签/搜索