ボタンをクリックするとページが更新されずにASP.NETが変更されるテキスト

Question

同じ質問を含む他のスレッドがいくつか見つかりましたが、理解できない回答はありませんでした。私はクライアントサイドの変更を行うことになっていますが、それは.ascxファイルでのみ可能です。たとえば、何かを計算し、ページをリフレッシュせずにそれを表示する関数を呼びたい場合は可能です。あなたがしたい場合

Answer 1

jQueryを使って、あなたが.html()機能を使用して、既存のHTML要素の内容を置き換えることができます。例えば、

$("#MyDiv").html("Here is the new text."); 

を関数は、入力としてHTMLを取るので、あなたもスタイルを設定することができます：

$("#MyDiv").html("Here is some text. <DIV class='foo'>Here is some more text in a different style.</DIV>"); 

また、このように、.append()を使用して新しい要素を追加することができます。

$("#MyDiv").append("<p>Even more text</p>"); 

は、ボタンのクリック時にこれを行うには、あなたが.click()機能を使用します。したがって、あなたのコードは次のようになります：

$("#MyButton").click(function() { 
    $("#MyDiv").html("You just clicked a button!"); 
});