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

當且僅當我明白這個問題以及這可以幫助

$('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(); 
       });  
      } 
     }); 
    }); 

下面是每個窗體上的小提琴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。它使得提交表單和顯示結果變得更容易，所以您不會像在發佈的代碼中那樣手動進行。