在ShopNC中将$config[‘wap_site_url’]=’http://mall.m.ygt.cm’;,导致ajax请求跨域的实现(get、post),在请求头中实现Cookie的流程
1、$.getJSON的请求代码如图1.0
2、查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图1.1
3、在$.getJSON的请求地址中添加:&callback=?,相当于设置请求格式为jsonp,如图1.2
4、查看网络,发现请求Cookie中已经与当前网址保持一致,如图1.3
5、$.ajax下的post请求,代码如图2.0
6、查看网络,发现响应Cookie中,生成了新的PHPSESSID,如图2.1
7、js代码实现:dataType:’jsonp’,crossDomain: true,如图2.2
8、查看网络,发现请求Cookie中已经与当前网址保持一致,但是post请求已经转换为get请求,如图2.3
9、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
11、查看网络,发现请求Cookie中已经与当前网址保持一致,如图2.6
12、js中document.cookie的代码实现:domain=.ygt.cm; 如图2.7
13、$.ajax下的post请求,代码如图3.0,格式为jsonp;其实也可以采用与$.ajax下的post请求一致的处理方案,采用格式json,再设置xhrFields
近期评论