jqueryの新機能：jqueryでフォームを別々に送信するにはどうすればよいですか？

Question

これはjQueryでの標準フォームの提出者：

<script> 
$(document).ready(function(){ 
    $("form#submit").submit(function() { 
     var fname = $('#fname').attr('value'); 
     var lname = $('#lname').attr('value'); 
     $.ajax({ 
      type: "POST", 
      url: "report.php", 
      data: "fname="+ fname +"& lname="+ lname, 
      success: function(){ 
       $('form#submit').hide(function(){ 
        $('div.success').show(); 
       });  
      } 
     }); 

     return false; 
    }); 
}); 
</script> 

、ここでは、フォームは次のとおりです。

<form id="submit" name="submit"> 
<input id="fname" name="fname" size="20" type="hidden" value="aword"> <font class='black'>report:</font> 
<input id="lname" name="lname" size="40" type="text"> 
<button id="send">send</button> 
</form> 

<form id="submittwo" name="submittwo"> 
<input id="fname" name="fname" size="20" type="hidden" value="anoterword"> <font class='black'>report:</font> 
<input id="lname" name="lname" size="40" type="text"> 
<button id="send">send</button> 
</form> 

report.php：

<?php 
$fname = htmlspecialchars(trim($_POST['fname'])); 
$lname = htmlspecialchars(trim($_POST['lname'])); 
$myFile = "reports.txt"; 
$fh = fopen($myFile, 'r'); 
$theData = fread($fh, filesize($myFile)); 
$fh = fopen($myFile, 'w') or die("can't open file"); 
$stringData = "\n".$fname."\n"; 
fwrite($fh, $stringData); 
$stringData = $lname."\n"; 
fwrite($fh, $stringData); 
fwrite($fh, $theData); 
fclose($fh); 
?> 

は、PHPでループ以上の形態があります。私がしたいことは、それらを別々に提出することです。どんなアイデアで、どのように私が答えを見つけることができるか教えていただけますか？

Answer 1

はフィドルhttp://jsfiddle.net/fG8T3/

Answer 2

あなたは今、あなたは配列としてGETデータを反復処理することができます一つの形式を使用しますが、あなたのフィールドの名前

<form id="submit" name="submit"> 
    <input id="fname" name="fname[]" size="20" type="hidden" value="aword"> 
    <input id="lname" name="lname[]" size="40" type="text"> 

    <input id="fname" name="fname[]" size="20" type="hidden" value="anoterword"> 
    <input id="lname" name="lname[]" size="40" type="text"> 
    <input type="submit" value="send" /> 
</form> 

を変更することができます：

foreach ($_GET['fname'] as $index => $value) 
{ 
    echo $_GET['fname'][$index].' '.$_GET['lname'][$index]; 
} 

注：IDは一意である必要があります。

Answer 3

問題がどこにあるのかはっきりしませんが、現在のページを離れずに送信すると、jQuery Form pluginが見つかる可能性があります。フォームを送信して結果を表示するのが少し簡単になりますので、投稿したコードのように手動で行う必要はありません。私は、これはここに

$('form').submit(function(e){ 
    e.preventDefault(); // prevent the default behaviour of the form submit 

    var fname = $("#fname",this).val(); // get the fname of the submitted form 
    var lname = $("#lname",this).val(); // get the lname of the submitted form 
    $.ajax({ 
      type: "POST", 
      url: "report.php", 
      data: "fname="+ fname +"& lname="+ lname, 
      success: function(){ 
       $('form#submit').hide(function(){ 
        $('div.success').show(); 
       });  
      } 
     }); 
    }); 

を助けることができるだけでなく、質問を理解している場合に限っ