JQuery使用Ajax引发的跨域问题和解决方法

最新推荐文章于 2024-04-22 20:53:56 发布

SinkDream2017

最新推荐文章于 2024-04-22 20:53:56 发布

阅读量473

点赞数

分类专栏： JQuery 文章标签： jquery ajax

本文链接：https://blog.csdn.net/starfine2011/article/details/77750975

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

源代码：

<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>第二个页面</title>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#send").click(function(){
            $("#resText").load("./1page.html");
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function(){
        alert("框架已载入");
    });
</script>
</head>
<body>
    <input type=button id=send value="Ajax获取"/>
    <div class="comment">已有评论：</div>
    <div id="resText"></div>
</body>
</html>

运行之后点击页面上的按钮没有反应，控制台提示信息：

jquery-3.2.1.min.js:4 XMLHttpRequest cannot load file:///C:/Users/App1ause/Desktop/JQuery%E7%BB%83%E4%B9%A0/1page.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

经过查找资料，发现是因为没有在服务器里运行页面，是以file协议进行访问的，链接如下：

file:///C:/Users/App1ause/Desktop/JQuery%E7%BB%83%E4%B9%A0/2page.html

把页面放在项目里运行就行了，
Http://127.0.0.1:8080/XXXXX/页面

SinkDream2017

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery使用Ajax引发的跨域问题和解决方法

源代码：<!doctype html><html><head><meta charset=utf-8><title>第二个页面</title><script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script><script type="text/javascript"> $(function(){
复制链接

扫一扫