0

ページがありAsp.Netます。

<html>
<body>
 <div>
    <!-- Main body -->
 </div>
 <div>
    <!-- Right panel -->
 </div>
</body>
</html>

上記のページはそのhtmlページです。

しかし、実際にはAsp.Net

メインページには、通常のコンテンツであるコンテンツを入力してページに読み込むためのコードが背後にあります。

ただし、右側のパネルの場合、ロジックは非常に複雑で、表示するコンテンツの結果を取得するのに時間がかかります。

そのため、メインページの読み込みが完了した後でのみ、ページのその部分を読み込みたいと思います。

Asp.Net AJAX使用してみupdate panelましたが、これを実行するための正しい動作がわかりません。

なので、普通に使うことを考えてajaxいますが、どこから始めたらいいのかわかりません。

だから、私はこれと..これのために利用可能なサンプルコードのための方法があるかどうか尋ねています。

4

2 に答える 2

1

任意の JavaScript フレームワークを試すことができます。

jQuery を使用している場合は、以下を試すことができます。

div に id を設定します。

<div id="right-panel">

次に、この jQuery を使用して、パネルのデータをロードします。

$().ready(function() { $('#right-panel').load('http://path/to/your/script') } );

詳細については、jQuery のドキュメントを参照してください。

于 2012-07-04T03:46:47.283 に答える
0

ええと...「通常のAJAX」？Microsoft AJAX は「通常の AJAX」です。更新パネルは、非同期ポストバックを実行します。これは、たとえば WebMethod を使用する場合とは大きく異なります。これは、おそらくあなたが望むものです。Microsoft AJAX を使用して WebMethod を呼び出すこともできます。実際、Microsoft AJAX コントロール ツールキットには、WebMethod 呼び出しをプラグインできるエクステンダーがあります。それはDynamicPopulateExtenderと呼ばれます。

DynamicPopulate は、コントロールのコンテンツを Web サービスまたはページ メソッド呼び出しの結果に置き換える単純なエクステンダーです。メソッド呼び出しは、ターゲット要素の子として挿入される HTML の文字列を返します。

<ajaxToolkit:DynamicPopulateExtender ID="dp" runat="server"
    TargetControlID="Panel1" 
    ClearContentsDuringUpdate="true" 
    PopulateTriggerControlID="Label1" 
    ServiceMethod="GetHtml" 
    UpdatingCssClass="dynamicPopulate_Updating" />

「ページの読み込み」時に実行するには、ScriptManager タグの後に次のスクリプトを追加するだけです。

<script type="text/javascript"> 
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 
    prm.add_pageLoaded(PageLoadedHandler); 

    function PageLoadedHandler(sender, args) { 
        var behavior = $find('dp'); // or whatever you named it
        if (behavior) { 
            behavior.populate(''); // or pass in whatever key you want
        } 
     } 
</script>
于 2012-07-04T03:29:33.073 に答える