NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

最新推荐文章于 2024-08-09 10:00:18 发布

青天诀

最新推荐文章于 2024-08-09 10:00:18 发布

阅读量4.2k

点赞数

分类专栏： Web前端文章标签： ajax

本文链接：https://blog.csdn.net/u012193330/article/details/46285155

版权

Web前端专栏收录该内容

123 篇文章 1 订阅

订阅专栏

如果我们的js文件中，包含有Ajax代码时，引用这个js文件的html文件，直接在本地打开测试就会出现这个错误提示：
如下所示：
util.js文件

function ajax(url,options,type){
    var oAjax=null;
    var type=type || "GET";
    //alert(type);
    if(window.XMLHttpRequest){
        oAjax=new XMLHttpRequest();

    }
    else{
        oAjax=new ActiveXObject('Microsoft.XMLHTTP');
    }

    oAjax.onreadystatechange=function(){
        if (oAjax.readyState==4) {
            if (oAjax.status==200) {
                options.onsuccess(oAjax.responseText);
            } 
            else{
                options.onfail();
            };
        };
    }

    url=url+"?name="+options.data.name+"&password="+options.data.password+"&t="+Math.random();
    oAjax.open(type,url,true);
    oAjax.send();
}

假设util.js文件中还有其他我们需要的函数，当我们把util.js引入到html文件中后，本地浏览器打开测试就会提示错误

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>task0002</title>
    <script type='text/javascript' src='js/util.js'></script>
</head>
<body>
   <textarea name="hobby" id="hobby" cols="30" rows="10"></textarea><br/>
    <input type="button" id='btn' value='过滤'>
    <script>
        var oTxt=document.getElementById('hobby');
        var btn=document.getElementById('btn');
         var p=document.createElement('p');
         document.body.appendChild(p);
        btn.onclick=function(){
            var hobbys=oTxt.value;
            var ary=hobbys.split(/[,、；\n\s，\u3000]/);
            ary=uniqArray(ary);
            p.innerHTML="";
            p.innerHTML="爱好："+ary.join("<br/>");
        }
    </script>
</body>
</html>

原因是：当本地浏览打开页面时，出现了跨域问题，所以提示没有权限

解决方法：
1. 将ajax代码部分放到html文件中，就不会有这个问题
2. 将项目文件夹放到服务器上，就会默认在一个域内，不会出现跨域问题

青天诀

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

如果我们的js文件中，包含有Ajax代码时，引用这个js文件的html文件，直接在本地打开测试就会出现这个错误提示：如下所示： util.js文件function ajax(url,options,type){ var oAjax=null; var type=type || "GET"; //alert(type); if(window.XMLHttpRequ
复制链接

扫一扫

专栏目录