0

数時間、あるページから div コンテンツを読み込んで別のページに表示しようとしています。例えば：

このウィキペディアのページがあります。で div のコンテンツを取得し、 でid="mw-content-text"要素を持つページに表示したいと考えていますid="result"。

javascript/jquery だけでそれを行う方法はありますか?

4

5 に答える 5

3

はい。 http://api.jquery.com/load/の「ページ フラグメントの読み込み」を参照してください。

つまり、URL の後にセレクターを追加します。例えば：

$('#result').load('ajax/test.html #container');
于 2013-08-26T09:02:36.543 に答える
1

他のサイトからコンテンツを取得するために PHP でいつでも CURL を使用できます。その後、load() JQuery 関数を使用して、PHP にアクセスし、そのページでユーザーにコンテンツを表示できます。このファイルの名前を「gatherinfo.php」とします (安全ではないため、JQuery はリモート サイトから情報を収集できません ( http://forum.jquery.com/topic/using-ajax-to-load-remote-url -not-working )) したがって、方法の 1 つは PHP 経由で行うことです。

<?php
$myData = curl("http://en.wikipedia.org/wiki/Robert_Bales");
echo "$myData";

function curl($url) {
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER,1);
    $data = curl_exec($ch);
    curl_close($ch);
    return $data;
}
?>

ただし、そのような情報を収集するときは、必ずソースを引用してください。次に、JQuery を使用してサーバー上のファイルを呼び出し、次のようにして必要な div に表示できます。

Javascript: (これは、ページの準備ができて読み込まれると初期化されます)

$(document).ready(function(){
    $("#yourDIVID").load("gatherinfo.php");
});

HTML:

<html>
<head>
<script src="yourjqueryfile.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function(){
            $("#yourDIVID").load("gatherinfo.php");
        });
</script>
</head>
<body>
<div id="yourDIVID"> The content you're grabbing would load here </div>
</body>
</html>

それがあなたが計画していることであるなら、それはあなたがそれをする方法です。

于 2013-08-26T09:09:27.283 に答える