Question

我有简单的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页面的文件夹。但是这段代码不起作用。请告诉我，我在哪里弄错了？先感谢您。

Answer 1

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

Answer 2

确实应用了相同的域策略。

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

PHP示例：

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

或

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

按钮不会通过单击更新

2 个答案: