Jquery ajax 跨域 请求百度首页

查看:92
本文介绍了Jquery ajax 跨域 请求百度首页的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

新手,试过在本地上请求,请求成功,但如果请求百度首页的话会报错,好像是没有这个权限,如果就算是不能请求的话,请问怎么能把这个报错弹窗出来呢?

请求代码

<script>
$(document).ready(function(){
  $("button").click(function(){
    $.get("https://www.baidu.com/",function(data,status){
      alert("数据:" + data + "\n状态:" + status);
    });
  });
});
</script>

<button>向页面发送 HTTP GET 请求,然后获得返回的结果</button>

报错代码

XMLHttpRequest cannot load https://www.baidu.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.

解决方案

可以给$.get加个error异常显示,例如:

<html>
<head>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>
    <script type="text/javascript">
        function message() {
            $.get("https://www.baidu.com/", function (data, status) {
                alert("数据:" + data + "\n状态:" + status);
            }).error(function(msg){
                alert(JSON.stringify(msg))
            });
        }
    </script>
</head>

<body>
<input type="button" value="View message" onclick="message()"/>
</body>
</html>

这篇关于Jquery ajax 跨域 请求百度首页的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆