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

確かに、Same Domain Policy が適用されるケースです。

呼び出したいサーバー上のファイルにアクセスできる場合は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 に答える