javascript - 使用 jQuery 的简单 AJAX HTTP GET

标签 javascript jquery ajax http-get

<分区>

我是 jQuery 和 AJAX 的新手,我正在尝试以下代码,只是简单的 http get 请求。

<html>
<head>
</head>
<body>
    <script src = "jquery-2.1.4.js"></script>
    <script src = "app.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $.get("http://google.com", function(data, status){
                    alert("Data: " + data + "\nStatus: " + status);
                });
            });
        });
    </script>
    <button>Send an HTTP GET request to a page and get the result back</button>
</body>
</html>

我得到以下错误

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

请帮我看看我错过了什么。

最佳答案

同源策略不允许您访问托管在不同服务器上的资源。在您的情况下,如果目标系统不受您的控制,您可以查看 jsonp 等实用程序这可以帮助您触发跨域请求。

关于javascript - 使用 jQuery 的简单 AJAX HTTP GET,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32064717/

相关文章:

javascript - 如何在javascript中添加两个数组?

javascript - 如何使 HTML div 中的图像列表适合形成二维网格?

javascript - 将 XML 解析为 UL

php - 在 php 中包含一个类时出现奇怪的行为

javascript - 使用 jquery 删除更改​​时的复选框背景颜色

javascript - 使用 WTForms FieldList 和 Ajax 从模板附加表单

javascript - 正则表达式 - 匹配不按顺序重复的字符

javascript - 使用ajax向下拉列表添加值的问题

javascript - 添加/删除用户后使用 AJAX 刷新列表

javascript - PHP 和 AJAX 加载数据