解决AJAX中跨域访问出现'没有权限'的错误


Posted in Javascript onAugust 20, 2008

禁止访问非同域的网站,下面一个例子来访问http://www.google.cn,

<script type="text/javascript">
function createobj() {
if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}

function getWebPage(url) {
var oBao=createobj();
var my_url=url
oBao.open('get',my_url,false);
oBao.onreadystatechange=function(){
if(oBao.readyState==4){
if(oBao.status==200){
var returnStr=oBao.responseText;
document.write(returnStr);
}else{
document.write("未找到您输入的地址或服务器505错误!");
}
}
}
oBao.send(null);
}
getWebPage('http://www.google.cn');
</script>

保存这段代码到test.html,在本地直接用IE打开没问题,但将该段代码上传到服务器后,问题出现了--JS提示"没有权限"错误!!!这该如何解决呢?
下面思考一下:既然不能访问非同域的,只能访问同域的地址了,同域的动态文件怎么获取非同域网页内容呢?我们还是想到的AJAX,只不过这个AJAX是在服务器端执行.
大体思路是这样的:首先将URL用AJAX提交给自己站内的文件,例如getPage.asp---在getPage.asp再次通过服务器XMLHTTP来访问提交来的URL---将获取的内容返回给提交URL的页----显示内容
下面开始组织代码,首先是test.html文件

<script type="text/javascript">
function createobj() {
if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}

function getWebPage(url) {
var oBao=createobj();
var my_url="getpage.asp?url="+escape(url);
oBao.open('get',my_url,false);
oBao.onreadystatechange=function(){
if(oBao.readyState==4){
if(oBao.status==200){
var returnStr=oBao.responseText;
document.write(returnStr);
}else{
document.write("未找到您输入的地址或服务器505错误!");
}
}
}
oBao.send(null);
}
getWebPage('http://www.google.cn');
</script>

再就是getpage.asp文件(注意:要以UTF-8格式保存本文件,防止乱码),如下:

<%
response.charset="UTF-8"
reg="\<meta.+ charset= {0,}([^\"" \>\/]*).+\/{0,1}\>"
'函数名:GetResStr
'作用:获取指定URL的HTML代码
'参数:URL-要获取的URL
function GetResStr(URL)
err.clear
dim ResBody,ResStr,PageCode,ReturnStr
Set Http=createobject("MiCROSOFT.XMLHTTP")
Http.open "GET",URL,False
Http.Send()
If Http.Readystate =4 Then
If Http.status=200 Then
ResStr=http.responseText
ResBody=http.responseBody
PageCode=GetCode(ResStr,reg)
ReturnStr=BytesToBstr(http.responseBody,PageCode)
GetResStr=ReturnStr
End If
End If
End Function

'函数名:BytesToBstr
'作用:转换二进制数据为字符
'参数:Body-二进制数据,Cset-文本编码方式
Function BytesToBstr(Body,Cset)
Dim Objstream
Set Objstream = CreateObject("adodb.stream")
objstream.Type = 1
objstream.Mode =3
objstream.Open
objstream.Write body
objstream.Position = 0
objstream.Type = 2
objstream.Charset =Cset
BytesToBstr = objstream.ReadText
objstream.Close
set objstream = nothing
End Function

'函数名:GetCode
'作用:转换二进制为字符
'参数:str-待查询字符串,regstr-正则表达式
Function GetCode(str,regstr)
Dim Reg,serStr
set Reg= new RegExp
Reg.IgnoreCase = True
Reg.MultiLine = True
Reg.Pattern =regstr
if Reg.test(str) then '若查询到匹配项
Set Cols = Reg.Execute(str)
serStr=Cols(0).SubMatches(0) '使用匹配到的第一个匹配项
else '否则给个默认值gb2312,有点省懒法,如果页面没给出编码格式,想知道确实有点麻烦
serStr="gb2312"
end if
GetCode=serStr
end function

dim url:url=request.querystring("url")
response.write GetResStr(URL)
%>

代码组织完毕,实验下,成功提取http://www.google.cn的内容!!!!!这样就可以解决"没有权限"的问题了。
其实,单纯一个getpage.asp一样能获取,不过不能像js那样动态的处理DOM。
还有一个问题,如果你用第一种方法访问http://www.baidu.com会出现乱码,因为baidu编码为GB2312,
而XMLHTTP返回的是UTF-8编码格式。用第二种方法就不会出现这样的问题了,只要定义了编码格式的站点就能正常返回信息(这里不能包括一些使用特别编码的站点)。

Javascript 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
js jquery数组介绍
Jul 15 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
在JavaScript中如何解决用execCommand(
Oct 19 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
Jan 21 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
Node 代理访问的实现
Sep 19 Javascript
javascript:void(0)的真正含义实例分析
Aug 20 #Javascript
利用404错误页面实现UrlRewrite的实现代码
Aug 20 #Javascript
一些不错的js函数ajax
Aug 20 #Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 #Javascript
jquery之Document元素选择器篇
Aug 14 #Javascript
JavaScript国旗变换效果代码
Aug 13 #Javascript
js活用事件触发对象动作
Aug 10 #Javascript
You might like
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
几个优化WordPress中JavaScript加载体验的插件介绍
2015/12/17 PHP
[原创]PHP实现SQL语句格式化功能的方法
2017/07/28 PHP
PDO::_construct讲解
2019/01/27 PHP
jQuery ajax+PHP实现的级联下拉列表框功能示例
2019/02/12 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
JQuery显示隐藏DIV的方法及代码实例
2015/04/16 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
angular实现商品筛选功能
2017/02/01 Javascript
关于在mongoose中填充外键的方法详解
2017/08/14 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
2018/04/28 jQuery
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
vue 父组件中调用子组件函数的方法
2019/06/06 Javascript
基于python编写的微博应用
2014/10/17 Python
python中as用法实例分析
2015/04/30 Python
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python3.5 创建文件的简单实例
2018/04/26 Python
Python处理中文标点符号大集合
2018/05/14 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
活动宣传稿范文
2015/07/23 职场文书
培训心得体会怎么写
2016/01/25 职场文书
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers