2016-09-21 4 views
0

ajax呼び出しでページリフレッシュを停止したい。複数のビューを作成し、ユーザーがツリービューからリンクボタンをクリックするとそれらのビューが開きます。ajax呼び出しでasp.netのページ更新を停止するには?

各ボタンクリックビューは、ページリフレッシュ後に開きます。ユーザーがボタンをクリックしてページの更新を停止してデータを表示すると、画像の読み込みアイコンが表示されます。

誰かがこの問題を助けてくれますか?

ツリービュー:

<ul> 
    <li> 
     <asp:LinkButton runat="server" OnClientClick="DisplayLoadingDiv()" ID="Button1" Text="Add Institute" OnClick="Button1_Click" /> 
    </li> 

サーバーサイドコード:

protected void Button1_Click(object sender, EventArgs e) 
    {    
     MultiView1.Visible = true; 
     MultiView1.SetActiveView(View1); 
    } 
+3

として動作しますcodezz – BenG

+1

Ajaxが独自にページの更新が発生することはありません示しています。ボタンの押下やリンクのクリックでトリガーされた場合は、通常のページ変更動作を停止するために 'event.preventDefault();'を使う必要があります( 'event'はイベントリスナーが受け取る最初の引数です)。 – Whothehellisthat

+0

@Whothehellisthat reply.protectedに感謝します。void Button1_Click(オブジェクト送信者、EventArgs e) { MultiView1.Visible = true; MultiView1.SetActiveView(View1); } は私のコードです。e.preventDefault();を入れることができません。私はどこでどのようにそれを使用するのを助けてくださいできますか?私はこれに新しいです。 –

答えて

0

あなたはASP.netからWebフォームの構造を使用している場合は、あなたのコンテンツがフォームwhithin包まれています。あなたのページのすべてのボタンがこのフォームを送信します。あなたは提出するフォームを防ぐためにjQueryを使用することができます。

$("#yourFromID").submit(function(event) { 
    alert("Handler for .submit() called."); 
    event.preventDefault(); 
}); 

その後、あなたのAJAX呼び出しが希望

+0

返信ありがとうございます。申し訳ありませんがこのコードを使用しましたが、ページの更新が停止せず、警告がポップアップしませんでした。 –

関連する問題