先说下适用范围,比如有域名 http://www.k686.com ,带有 www ,同时通过访问 http://k686.com 也可以访问.
在该网站页面中,有Ajax请求,由于页面中设置了 base 标签,如: <base href="http://k686.com/" /> ,这时候Ajax请求该域下的 文件的时候会报"没有权限"的错误.
Ajax代码如下:
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]);}}});}
看核心部分就好了. 定义了一个 up 变量,获取当前访问的url地址.然后赋给Ajax的url,组成一个url地址,是根据当前访问的url来定义的.所以不会存在所谓的"跨域"问题.
这样就可以解决www和不带www的无法互访的问题.
实际应用中这种情况很常见,虽然jquery提供了原生的跨域方法,但是如何使代码最简单最实用是我们一直都追求的.
欢迎大家一起交流,我的个人站点: http://www.k686.com