0

我有用于更新按钮文本的简单 JS 代码：

<html>
<head>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>
<body>
    <table border='1'>
    <div id="load-button" style="border:1px solid black; background-color:white;padding:5px;cursor:pointer;width:200px;text-align:center;border-radius:4px;">Load button</div>
    <script type="text/javascript">
    //wait for HTML document
        $(document).ready(function() {
          $('#load-button').click(function() {
            $.ajax({
              url: 'http://developers-blog.org/resources/jquery-ajax/snippet.html',
              success: function(data) {
                $('#load-button').empty();
                $('#load-button').append(data); 
              }
            });
          });
        });
    </script>
</body>
</html>

JQuery 库是带有 index.php 页面的文件夹。但是这段代码不起作用。请告诉我，我在哪里做错了？先感谢您。

4

2 回答 2

1

看起来您正在发出跨域请求，并且大多数浏览器默认情况下会强制执行SAME ORIGIN POLICY并阻止对其他域的请求。您可以使用 jsonp 或使用您的服务器联系特定的端点。在此处阅读有关 JSONP 的更多信息：http ://en.wikipedia.org/wiki/JSONP

于 2012-06-24T09:55:16.107 回答
0

这确实是应用同域策略的情况。

如果您有权访问要调用的服务器上的文件，您可以Access-Control-Allow-Origin在应用程序上设置标头 ( ) 以允许来自已确定域的请求。

PHP 示例：

header('Access-Control-Allow-Origin: *');

或者

header('Access-Control-Allow-Origin: http://permitted_domain.com');

于 2012-06-24T10:16:23.907 回答