3

こんにちは私は新しいプログラマーです。ページを更新せずに、 ajaxを使用して現在のphpページのコンテンツを別のphpページから 置き換えたいと思っています。

置き換えられるコンテンツはdivにあります。

両方のページ（現在および別のページ）に同じdivがあります

HTMLDivは次のとおりです。

  <div class="category-container">
    <div class="category-image"></div>
    <div class="category-desc"><a href="#">#</a><p>text</p></div>
    <div class="rating5" >Editors' rating: </div>
    <div class="category-download-btn"><a href="#">Download</a></div>
    <div class="category-buy-btn"><a href="#">Buy</a></div>
  </div>

誰かが私にそれを行う方法を教えてもらえますか？それは大きな助けになるでしょう。また、jqueryではなくajaxコードを提供してもらえますか。

ありがとう。

4

5 に答える 5

6

loadページフラグメントの読み込みに関するセクションであるjQueryをご覧ください。

$ .get（）とは異なり、.load（）メソッドを使用すると、挿入するリモートドキュメントの一部を指定できます。

別のページのdivコンテンツを現在のページの類似のdivにするには、次のようなものを使用します。

$('#content').load('other-page.php #content');
// ^ target div                    ^ same div on the other page
于 2012-05-18T16:08:50.407 に答える
2

これは通常のjquery.ajax呼び出しです

function getVotes(id){
$.ajax({
    type: 'get',
    url: 'ay/templates/backend/_votes_partial.tpl.php',
    data: 'charity_id=' + id,
    success: function(data) {
        $('#shadow').fadeIn('slow');
        $('#popupContact').fadeIn('slow');
        $('#content').html(data);

    }
});

}

于 2012-05-18T16:05:57.850 に答える
1

最も簡単な方法は次のとおりです。

$.get("pageurl",function(data){
    $("yourdiv").html(data);
});
于 2012-05-18T16:06:11.880 に答える
0

jquery.ajaxを簡単に使用できます...ajax呼び出しを行う古い方法は非常に複雑でしたが、jqueryを使用すると簡単になりました。

jqueryライブラリをインストールし、それをur headタグに含め、リンクをたどって明確に理解する必要があります。これは非常に簡単です。

Jquery.ajax

于 2012-05-18T16:02:06.167 に答える
0

あなたはjqueryが進むべき道であると仮定するのは正しいです。私は専門家からはほど遠いですが、これは役立つはずです。ドキュメントは簡単です。

一般に、jQueryは何かを見つけてから何かアプローチを行います。

  • 何かを見つける--->いくつかの要素に対するアクションを監視します（選択ボックスの変更やリンクのクリックなど）
  • 何かをする--->現在のdivを新しいdivに置き換えたいphpページにajax呼び出しを行う

jQueryのドキュメントはここにあり、下部に例があり、実行しようとしていることを正確に示していますhttp://api.jquery.com/jQuery.post/

このタスクに役立つその他のjQueryコマンドは次のとおりです...

お役に立てれば。

于 2012-05-18T16:08:32.657 に答える