1

現在、jQuery Ajax を使用してコンテンツをロードすると、. これにより、ページ全体が読み込まれ、自分のコンテンツのみが返されます。問題は、ページ全体をロードしたくないことです。ページ全体をロードせずに、このページのこのコンテンツをロードしたいだけです。

  $('#single').load(href+' #single-content', function() { 

  });

この関数は、ページ全体をロードhrefして を返します#single-content。

それは可能ですか？

4

3 に答える 3

3

ページの小さな部分だけを読み込んで、その小さな部分を返すことはできません。これは、リクエストが#single-contentページを完全にロードしていない場合や、ページ内に " " が配置されている場合、リクエストがページ内のどこに配置されているかを認識できないためです。

#single-contentパフォーマンス上の理由から" " のみを読み込みたい場合は、" "のみを含むコンテンツを読み込む新しいページを作成することをお勧めします。#single-content

于 2012-06-14T09:27:48.303 に答える
1

Web サーバーで選択する言語は何ですか? あなたの仕事はそのレベルでなければなりません。そのため、PHP を使用している場合は、ページ ロジックを変更して、ページ全体ではなくコンテンツの目立たない部分が返されるようにする必要があります。

これを行う理想的な方法は、サーバー側でテンプレートを作成することです。HTML ページ全体を含むマスター テンプレートが作成され、その中に関連するコンテンツが含まれます。そうすれば、サイト内の各ページのビュー ファイルが小さくなります。これにより、サーバー側の言語で、含まれているページ コンテンツを含むテンプレートを使用してページ全体を返すか、外側のマスター テンプレートを使用せずにページ コンテンツのみを返すかを選択できるロジックを持つことができます。

于 2012-06-14T09:31:35.667 に答える
0 

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>load demo</title>
    <style>
    body {
    font-size: 12px;
    font-family: Arial;
    }
    </style>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <b>Projects:</b>
    <ol id="new-projects"></ol>
    <script>
    $( "#new-projects" ).load( "/resources/load.html #projects li" );
    </script>
    </body>
    </html>

このコードはあなたが望むことを行います。それは公式のjQueryドキュメントhttp://api.jquery.com/load/ (最初の例) からのもので、ここのように別のページ (同じドメイン上) の一部を読み込んで取得することができますhttp:/ /api.jquery.com/resources/load.html

于 2014-12-02T15:10:12.350 に答える