在ShopNC中将$config[‘wap_site_url’]=’http://mall.m.ygt.cm’;,导致ajax请求跨域的实现(get、post),在请求头中实现Cookie的流程

1、$.getJSON的请求代码如图1.0

$.getJSON的请求代码如图1.0

2、查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图1.1

查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图1.1

3、在$.getJSON的请求地址中添加:&callback=?,相当于设置请求格式为jsonp,如图1.2

在$.getJSON的请求地址中添加:&callback=?,相当于设置请求格式为jsonp,如图1.2

4、查看网络,发现请求Cookie中已经与当前网址保持一致,如图1.3

查看网络,发现请求Cookie中已经与当前网址保持一致,如图1.3

5、$.ajax下的post请求,代码如图2.0

$.ajax下的post请求,代码如图2.0

6、查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图2.1

查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图2.1

7、js代码实现:dataType:’jsonp’,crossDomain: true,如图2.2

js代码实现:dataType:’jsonp’,crossDomain: true,如图2.2

8、查看网络,发现请求Cookie中已经与当前网址保持一致,但是post请求已经转换为get请求,如图2.3

查看网络,发现请求Cookie中已经与当前网址保持一致,但是post请求已经转换为get请求,如图2.3

9、js代码实现:dataType:’json’,xhrFields:{withCredentials:true},crossDomain: true,如图2.4

js代码实现:dataType:’json’,xhrFields:{withCredentials:true},crossDomain: true,如图2.4

10、php代码实现:
header(“Access-Control-Allow-Credentials: true”);
header(“Access-Control-Allow-Origin: ” . C(‘wap_site_url’) . “”);

其中C(‘wap_site_url’)的值为:http://mall.m.ygt.cm ,如图2.5

php代码实现:
header(“Access-Control-Allow-Credentials: true”);
header(“Access-Control-Allow-Origin: ” . C(‘wap_site_url’) . “”);
其中C(‘wap_site_url’)的值为:http://mall.m.ygt.cm ,如图2.5

11、查看网络,发现请求Cookie中已经与当前网址保持一致,如图2.6

查看网络,发现请求Cookie中已经与当前网址保持一致,如图2.6

12、js中document.cookie的代码实现:domain=.ygt.cm; 如图2.7

js中document.cookie的代码实现:domain=.ygt.cm; 如图2.7

13、$.ajax下的post请求,代码如图3.0,格式为jsonp;其实也可以采用与$.ajax下的post请求一致的处理方案,采用格式json,再设置xhrFields

永夜