1

私が欠けているものを理解するのを手伝ってください。

それが「test.html」という名前の私のhtmlです

<div id="div-test">
lalalalaal
    <ul>
        <li>Hi</li>
        <li>By</li>
    </ul>
</div>

そして、これは同じディレクトリにある別の html ファイルで、次の内容が含まれています。

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").load("test.html");
});
</script>

しかし、何も読み込まれません。

ただし、これは正常に機能します。

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").html("i see this text");
});
</script>
4

3 に答える 3

2

データを定期的にロードする必要がある場合は、動的にロードする関数を作成するだけで、必要なときに呼び出すか、ページのロードが完了したときに呼び出すことができます

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script>
            function loadContent(divName,pageURL) {
                $("#" + divName).load(pageURL);
            }
            $(document).ready(function() {
                loadContent('createArea','create_login.php');
            });
        </script>
    </head>
    <body>
        <div style="float:left;width:500px;min-width:500px;min-height:200px;">
            <div id="createArea" name="createArea"></div>
        </div>
    </body>
</html>

以下に示すように、WAMP サーバーを実行していない限り、これはローカルで実行されません。また、ロードするファイルへのパスは、このコードを含むページと同じディレクトリにない場合、相対パスにする必要がある場合があります。

于 2012-08-12T15:41:53.420 に答える
1

Chrome または IE9 を使用している場合は、XHR ネットワーク呼び出しを監視して、 実際に何が起こっているかを確認してください。Chrome では、XHR 呼び出しを監視します。

  1. F12をクリックする
  2. ネットワークボタンをクリック
  3. コンソールの一番下にある XHR ラベルをクリックします。
  4. コンソールを開いた状態で、コードが機能しないページを実行し、実際のデータ交換があるかどうかを確認します。

それが役に立てば幸い

于 2012-08-12T15:35:34.543 に答える
0

これを試して：

<div id="result"></div>
<script type="text/javascript">
$(function() {
    $("#result").load("/test.html"); // add "/"
});
</script>
于 2012-08-12T15:38:35.140 に答える