先说下适用范围,比如有域名 http://www.k686.com ,带有 www ,同时通过访问 http://k686.com 也可以访问.
在该网站页面中,有Ajax请求,由于页面中设置了 base 标签,如: <base href="http://k686.com/" /> ,这时候Ajax请求该域下的 文件的时候会报"没有权限"的错误.
Ajax代码如下:
Javascript代码 function GetHtmlStr(id){
var up = "http://"+location.hostname+"/";
clearInterval(this._interval);
$.ajax({
type: "GET",
url:up+"buy.php",
data:"id="+id,
cache:true,
success:function(result){
//$("#loading"+id).hide();
if(result==""){return false;}
else{
eval(unescape(result).split('|')[0]);
$("#qianggou"+id).html(unescape(result).split('|')[1]);}}});}
var up = "http://"+location.hostname+"/";
clearInterval(this._interval);
$.ajax({
type: "GET",
url:up+"buy.php",
data:"id="+id,
cache:true,
success:function(result){
//$("#loading"+id).hide();
if(result==""){return false;}
else{
eval(unescape(result).split('|')[0]);
$("#qianggou"+id).html(unescape(result).split('|')[1]);}}});}
看核心部分就好了. 定义了一个 up 变量,获取当前访问的url地址.然后赋给Ajax的url,组成一个url地址,是根据当前访问的url来定义的.所以不会存在所谓的"跨域"问题.
这样就可以解决www和不带www的无法互访的问题.
实际应用中这种情况很常见,虽然jquery提供了原生的跨域方法,但是如何使代码最简单最实用是我们一直都追求的.
