jQuery $.ajax()直接远程跨域访问服务器报错

最新推荐文章于 2022-12-01 21:11:15 发布

三水汪

最新推荐文章于 2022-12-01 21:11:15 发布

阅读量1k

点赞数 1

分类专栏： jQuery jQuery AJAX 文章标签： ajax 服务器远程访问 jquery ajax 报错

本文链接：https://blog.csdn.net/u013005050/article/details/52002872

版权

jQuery 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

jQuery AJAX

6 篇文章 0 订阅

订阅专栏

JQuery $.ajax()不能直接访问远程服务器，不能跨域访问。

现在我给出一个html写有js的用ajax不能远程访问服务器的例子：

ajaxRemoteNo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajaxRemote不能实现</title>
    <script src="../jquery-3.0.0.min.js"></script>
</head>
<body>
<button οnclick="postInfo()">点击访问</button>
<script>
    function postInfo() {
        $.ajax({
            //直接远程访问，跨域访问地址。
            url: "http://访问的IP地址:端口号/PHPStudy4/server.php",
            type: "post",
          
            success: function () {
                console.log("访问成功");
            },
            complete: function () {
                console.log("访问完成");
            },
            error: function () {
                console.log("访问出错");
            }
        });

    }
</script>
</body>
</html>

点击访问后，爆粗错误如下：

XMLHttpRequest cannot load http://访问的ip地址:端口号/PHPStudy4/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8969' is therefore not allowed access.

并console.log()打印出：

访问出错
访问完成

我还会写出如何解决ajax跨域访问的方法，敬请关注我的博文。