1

Chromeでjqueryを使用してtxtファイルを読み込もうとしています。なぜそれが機能しないのですか？このコードスニペットをw3schoolsからコピーしましたが、変更したのはURLだけです。

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("http://stackoverflow.com/questions/15114993/how-to-embed-a-file-in-html-using-jquery-load");
    alert("clicked");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>
4

2 に答える 2

1

コードを実行すると、Chromeは次のエラーをスローします。

Origin null is not allowed by Access-Control-Allow-Origin.

絶対です：

  1. HTMLコードをローカルWebサーバーでホストして、次の場所からアクセスできるようにします。

    http://localhost/your_directory/index.html

  2. コードを更新してout.txt、ファイルと同じフォルダーに配置されたをロードしますindex.html（相対パスを使用）...

    $("#div1").load("out.txt");

  3. ...またはこのように（絶対パスを使用して）：

    $("#div1").load("http://localhost/your_directory/out.txt");

そして、あなたは完了です！:-)

于 2013-02-27T14:56:30.390 に答える
0

おそらくここで発生している問題は、chromeとajaxのリクエストで発生しているようです。ローカルで実行している場合、Chromeはセキュリティの問題をスローします。コードをウェブサーバーに配置するか、Firefoxを試してください。

または、Macを使用している場合は、セキュリティの問題を防ぐために、コマンドラインからこのようにChromeを開くことができます

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

「ファイルクロームからのファイルアクセスを許可する」を検索すると、グーグルにたくさんの投稿があります

幸運を

于 2013-02-27T14:55:50.903 に答える