新手jquery / ajax:为什么错误?

时间:2015-10-04 00:29:48

标签: javascript jquery ajax

我已经制作了这个简单的html页面,但在调用example.com时会弹出“错误”警告弹出窗口。为什么呢?

<!DOCTYPE html>
<html>
    <body>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
        <script type="text/javascript">
            function errorAlert(e, jqxhr) {
                alert("Your request was not successful: " + jqxhr);
            }
            function processData() {
                alert("success")
            }
            $.ajax(
            {
                type: "post",
                url: "http://example.com",
                success: processData,
                error: errorAlert
            }); //end of $.ajax
            </script>
    </body>
</html>

我在Chrome 45.0上运行...

1 个答案:

答案 0 :(得分:0)

您可以在开发者控制台中看到不同类型的JavaScript错误(Google Chrome中的F12)。 您将看到:“XMLHttpRequest无法加载http://example.com/。请求的资源上不存在'Access-Control-Allow-Origin'标头。因此不允许原点'null'访问。”

请点击此处查看详细说明:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '...' is therefore not allowed access

但基本上,您发送请求的主机必须与原点匹配,或明确允许外部主机。