ASP.NET：jQuery経由のフォーム投稿

Question

2つのASP.NETテキストボックスと1つのASP.NETドロップダウンリストを持つASP.NETページがあります。通常のASP.NETポストバックの代わりにjQueryフォームポスティングを使用します。誰でも私にこれを行う方法を案内しますか？アクションページのサーバー側のコントロールにはどうすればアクセスできますか？私はクエリ文字列を介してすべてを渡すしたくない。親切に私に先を進める方法を案内しますか？事前のおかげで

Answer 1

あなたがあなたのページにテキストボックスを次したとサーバー側のコントロールを選択するには、単純なjQueryのセレクタを使用することができます

：

はjQueryので

<asp:TextBox id="userName" runat="server" /> 

あなたはこのようにそれにアクセスすることができます。

var valueOfTextBox = $("input[id$='userName']").val(); 
//OR 
var valueOfTextBox = $("input[id$='userName']").attr("value"); 

ページにコントロールがほとんどない場合は、この方法は問題ありませんが、大判の場合は、代わりに次のように使用してください。

var valueOfTextBox = $("#<%= userName.ClientID %>").val(); 
//OR 
var valueOfTextBox = $("#<%= userName.ClientID %>").attr("value"); 

Dave hereで説明されているように、大きなパフォーマンスが得られます。

jQueryセレクタ構文hereの詳細については、こちらをご覧ください。

あなたはjqueryのAJAX経由でフォームを投稿したい場合は、このコードを使用します。jQueryのAJAXについて

$("#form1").submit(function(){//Where form1 is your form's id 
    var a=$("input[id$='userName']").val(); 
    var b=$("input[id$='userId']").val(); 
    $.ajax({ 
     type: "POST", 
     url: "yourPage.aspx", 
     data: "name=" + a+"&id=" + b, 
     success: function(msg){ 
     alert("Data Saved: " + msg); 
     } 
    }); 
    }); 

詳細はhereです。

また、jquery.formプラグインを使用して自動化することもできます。