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

谁借莪１个温暖的怀抱￠ 2022-09-24 02:26 151阅读 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跨域访问的方法，敬请关注我的博文。

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关 java ajax 跨域_解决ajax跨域访问问题

前端js: $.ajax(\{ url:'http://localhost/xxxx/test', //后台处理程序 async:true, type:'get',

末蓝、/ 2022年11月03日 10:53/ 0 赞/ 303 阅读

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

JQuery $.ajax()不能直接访问远程服务器，不能跨域访问。现在我给出一个html写有js的用ajax不能远程访问服务器的例子： ajaxRemoteNo.

谁借莪１个温暖的怀抱￠/ 2022年09月24日 02:26/ 0 赞/ 152 阅读

相关 Jquery 跨域访问

首先什么是跨域？我自己感觉就是就是指从当前网站发一个信息到另一个网站，并从另一个网站获取其返回结果在js中不允许直接跨域，但在jquery中可以,也就是用的jsonp, 且

男娘i/ 2022年08月07日 17:31/ 0 赞/ 268 阅读

相关 JQuery跨域Ajax

1.前端Js代码 $.ajax({ type:"POST", async:false, url:

我就是我/ 2022年07月26日 04:05/ 0 赞/ 290 阅读

相关解决ajax跨域访问 JQuery 的跨域方法

JS的跨域问题，我想很多程序员的脑海里面还认为JS是不能跨域的，其实这是一个错误的观点；有很多人在网上找其解决方法，教其用IFRAME去解决的文章很多，真有那么复杂吗？其实

浅浅的花香味﹌/ 2022年07月12日 10:10/ 0 赞/ 329 阅读

相关 jQuery+Ajax+jsonp+java实现跨域访问

前端： $.ajax({ type:"GET", url:"http://www.deardull.c

╰半夏微凉°/ 2022年06月04日 02:49/ 0 赞/ 286 阅读

相关 ajax跨域访问WebApi2，报错“405 method not allowed”

打开WebApiConfig.cs修改如下 public static void Register(HttpConfiguration config)

逃离我推掉我的手/ 2022年05月29日 10:43/ 0 赞/ 180 阅读

相关 ajax跨域后台允许跨域访问

参考博文：[https://blog.csdn.net/djl0906/article/details/70238847][https_blog.csdn.net_djl090

小咪咪/ 2022年05月18日 04:16/ 0 赞/ 386 阅读

相关 ajax跨域访问解决

> ajax访问域名遇见的跨域问题，在被访问的nginx配置文件上的http节点加上下面几句话就好了。 add_header Access-Control-Allow

雨点打透心脏的1/2处/ 2022年04月18日 03:45/ 0 赞/ 337 阅读

相关 Ajax跨域访问解决

$.ajax({ url:"http://a.com/ver?jsoncallback=?", dataType:

向右看齐/ 2021年12月13日 15:11/ 0 赞/ 419 阅读