Ajax使用火狐跨域访问本地资源

最新推荐文章于 2023-06-16 16:38:24 发布

Var_al

最新推荐文章于 2023-06-16 16:38:24 发布

阅读量298

点赞数

分类专栏： JavaScript 文章标签： html ajax

本文链接：https://blog.csdn.net/weixin_45571150/article/details/106253113

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

如何使用火狐跨域访问本地资源

一、首先要对火狐浏览器进行设置：

进入火狐浏览器，在地址栏输入“about：config”
点击我了解此风险后进入页面
在搜索栏输入“security.fileurl.strict_origin_policy”，设置为false
重新启动浏览器就可以跨域访问啦

二、编辑代码

HTML代码

<body>
    <h1>People</h1>
    <ul>
        <li><a href="1.html">点击获取1</a></li>
        <li><a href="2.html">点击获取2</a></li>
        <li><a href="3.html">点击获取3</a></li>
    </ul>
    <div id="details">qqq</div>
    <script>
        window.onload = function () {
            var aNodes = document.querySelectorAll('a');
            for (let i = 0; i < aNodes.length; i++) {
                aNodes[i].onclick = function () {
                    // response.setContentType("text/text;charset=utf-8");
                    // response.setCharacterEncoding("UTF-8");
                    var request = new XMLHttpRequest();
                    var method = "GET";
                    var url = this.href;
                    request.open(method, url);
                    request.send();
                    request.onreadystatechange = function () {
                        if (request.readyState == 4) {
                            if (request.status == 200 || request.status == 304) {
                                document.querySelector("#details").innerHTML = request.responseText;
                            }
                        }
                    }
                    return false;
                }
            }
        }
    </script>
</body>

本地文件代码：
1.html

<h3>我是1.html</h3>

本地文件代码：
2.html

<h2>我是2.html</h2>

本地文件代码：
3.html

<h1>我是3.html</h1>

效果截图
在这里插入图片描述

在这里插入图片描述

Var_al

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax使用火狐跨域访问本地资源

**如何使用火狐跨域访问本地资源**一、首先要对火狐浏览器进行设置：进入火狐浏览器，在地址栏输入“about：config”点击我了解此风险后进入页面在搜索栏输入“security.fileurl.strict_origin_policy”，设置为false重新启动浏览器就可以跨域访问啦二、编辑代码HTML代码<body> <h1>People</h1> <ul> <li><a href
复制链接

扫一扫