解决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 callBack 返回前一页的js方法
Nov 30 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
JS获取当前网页大小以及屏幕分辨率等
Sep 05 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
详解webpack打包后如何调试的方法步骤
Nov 07 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
jQuery实现日历效果
Sep 11 jQuery
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小马小结(方便查找后门的朋友)
2012/05/05 PHP
php实例分享之通过递归实现删除目录下的所有文件详解
2014/05/15 PHP
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
基于php解决json_encode中文UNICODE转码问题
2020/11/10 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
2017/09/28 Javascript
JQuery的加载和选择器用法简单示例
2019/05/13 jQuery
JavaScript console的使用方法实例分析
2020/04/28 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[31:29]完美世界DOTA2联赛PWL S3 INK ICE vs Magma 第一场 12.20
2020/12/23 DOTA
对pandas读取中文unicode的csv和添加行标题的方法详解
2018/12/12 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
Python3中的最大整数和最大浮点数实例
2019/07/09 Python
python3-flask-3将信息写入日志的实操方法
2019/11/12 Python
在python3中实现更新界面
2020/02/21 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
Python多线程thread及模块使用实例
2020/04/28 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
利用python 下载bilibili视频
2020/11/13 Python
会计专业自我鉴定范文
2013/10/06 职场文书
个人简历自我鉴定
2013/10/11 职场文书
高分子材料与工程专业推荐信
2013/12/01 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
遗嘱继承公证书
2014/04/09 职场文书
带病坚持工作事迹
2014/05/03 职场文书
个人业务学习心得体会
2016/01/25 职场文书
教师个人教学反思
2016/02/23 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书