1

Jquery $.POST() を使用してフォーム値をポストし、特定のセレクターをロードしたい 方法がわからない json などを使用する可能性がある

$.post('topic.php', {
    id: id
}, function(data) {
    $("#message")
        .html($(data).('attr', 'title'))
        .hide()
        .slideDown(500); //Fade in the data given by the topic.php file
});
return false;
});​

ページ全体ではなく、タイトルと説明のみを読み込みたい

このタイトルと説明をライトボックスで取得したいのですが、どうすればよいですか?

4

1 に答える 1

0

まず、jQuery (および内部の多くのブラウザーでさえ) は、HTTP_X_REQUESTED_WITH ヘッダーを送信します。topic.php でキャッチして、html ではなく json を返すことができます。ハウツーについては、このリンクを確認してください: http://www.electrictoolbox.com/how-to-tell-ajax-request-php/

返された html からコンテンツを本当に抽出したい場合は、かなり簡単です。jQuery で空の DOM オブジェクトを作成し、HTML データを渡してから、find 関数で必要な要素を取得します。

$.post('topic.php', {
    id: id
}, function(data) {
$("#message")
    .html($('<div></div>').html(data).find('a').('attr', 'title'))
    .hide()
    .slideDown(500); //Fade in the data given by the topic.php file
});
return false;
});​

検索機能の「a」タグを必要なセレクターに置き換えます。ここでの実例: http://jsfiddle.net/GeX7d/

編集: ライトボックスの部分については、Web 上にプロセスを説明するチュートリアルがたくさんあります。 -create-light-box-with-jquery-css

于 2012-11-21T11:09:27.253 に答える