0

基本的に、私は人々がリンクをクリックしたときにリモートコンテンツをフェッチしようとしています。

Coda HTMLプレビューウィンドウで動作しますが、実際のブラウザ（Chrome / FF / Safari）でhtmlをテストすると、動作せず、リモートコンテンツがフェッチされません。（alert（'url is' + url）;リンクをクリックするとポップアップするので、jqueryは機能していると確信しています）

有線です。なにが問題ですか？

ここに画像の説明を入力してください

ここに画像の説明を入力してください

以下の私のコード

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Sample</title>

  <link type="text/css" href="http://localhost/jquery-ui-1.8.20.custom/css/smoothness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
  <script type="text/javascript" src="http://localhost/jquery-ui-1.8.20.custom/js/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="http://localhost/jquery-ui-1.8.20.custom/js/jquery-ui-1.8.20.custom.min.js"></script>

  <script type="text/javascript">
    $(document).ready(function() {
        $('#links a').click(function(e) {
            var url = $(this).attr('href');
                    alert('url is ' + url);  
            $('#content').load(url);
            e.preventDefault();
        });
    });  // document ready
  </script>

</head>

<body>

<ul id="links">
  <li><a href="http://google.com">Google</a></li>
  <li><a href="http://yahoo.com">Yahoo</a></li>

</ul>
<div id="content"></div>

</body>
</html>

助けてくれてありがとう。

4

1 に答える 1

3

これは同一生成元ポリシーによるものです。これは、ほとんどのブラウザのセキュリティ機能です。最も一般的な回避策はJSONPを使用することですが、応答としてHTMLを期待しているため、これは機能しません。

使用する必要があるのはサーバー側プロキシです。これにより、PHP / ASP.Net /その他のサーバー側技術でリクエストを行い、URLのHTMLを取得し、ローカルリクエストを介してこれをjQueryに公開します。

于 2012-05-28T10:32:06.293 に答える