Ajaxのポストは、入力されたテキストボックスからいくつかの値を投稿するための簡単なAjaxPostを取得しよう<br><br></p> <p>..私はこの部分にこだわっている

Question

異なる入力のために私に同じ値とidを与える..しかし、問題は、私最初の入力のIDと値... とすべての入力のためにを投稿していることがわかりません。

Javascriptコード

<script type="text/javascript"> 
    $(function() { 
     $('.hexen1').after('<span class="ui-state-default ui-corner-all ui-icon-disk ui-icon onopordon" onClick="save();" title="Save" style="float:left; height:20px;" onclick="save()"></span><br />')// ui icon 
    .keypress(function() { 
     $(this).next('.onopordon').show();//appends ui icon 
    }); 

$('.onopordon').hide().click(function() { 
    $(this).hide(); // removes ui icon on click 
}); 

$('.ui-state-default').hover(
    function() { $(this).addClass('ui-state-hover'); }, 
    function() { $(this).removeClass('ui-state-hover'); } //ui icon hover 
); 
}); 

function save() { 
    $.ajax({ 
    url: "Default.aspx", 
    type: "POST", 
    data: "{ Id: " + $(".hexen1").attr("id") + ", Value: " + $(".hexen1").val() + "}", 
    dataType: "json", 
    contentType: "application/json; charset=utf-8", 
    success: function (data) { 
     console.log(data); 

     }, 


}); 
} 
</script> 

HTML

<div id="besen"> 
<input class="hexen1" id="A1"/> 
<input class="hexen1" id="A2"/> 
<input class="hexen1" id="A3"/> 
<input class="hexen1" id="A4"/> 
<input class="hexen1" id="A5"/> 
</div> 

Firebugの再広告：
入力のための "A1" ..値が入力された1です...結果：{ Id: A1, Value: 1}
入力のための "A2" ..値が入力された2 ...結果：入力用{ Id: A1, Value: 1}
"A3" ..入力された値は、3 ...結果です：{ Id: A1, Value: 1}
等...事前

Answer 1

で

おかげであなたはクラス「hexen1」を持っている複数の要素を持っているので、あなたは、ある要素のコレクションを反復処理する必要があります。あなたのJQueryステートメント$(".hexen1")と一致するものはforeachです。これは、すべてのフォーム要素を含むサーバーに投稿するオブジェクトを形成するためにマッチングされた各要素を提供します。