如何複製表單數據？

Question

我有這個代碼工作，但硬編碼。

$(document).ready(function(){ 
    $('form').live('submit', function(){ 

    var title  = this.elements.title.value; 
    var owner  = this.elements.owner.value; 
    var users  = this.elements.users.value; 
    var groups  = this.elements.groups.value; 
    var begin_date = this.elements.from.value; 
    var end_date = this.elements.to.value; 
    var anchor  = this.elements.anchor.value; 
    var type = $(this).find('input:radio[name="ctype"]:checked').val() || ''; 

    var aform  = $('form[name="create_form"]'); 

我需要aform來進行嵌套的Ajax調用。

問題

如何構建aform所以它不是硬編碼？頁面上有很多表單。

它應該包含

var title  = this.elements.title.value; 
    var owner  = this.elements.owner.value; 
    var users  = this.elements.users.value; 
    var groups  = this.elements.groups.value; 
    var begin_date = this.elements.from.value; 
    var end_date = this.elements.to.value; 
    var anchor  = this.elements.anchor.value; 
    var type = $(this).find('input:radio[name="ctype"]:checked').val() || ''; 

，並應與嵌套Ajax調用以後的工作。

$.ajax({ 
    type: "GET", 
    url: "/cgi-bin/ajax.pl", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: aform.serialize(), 

Answer 1

var aform = $(this); 

（由桑德拉:-)

Answer 2

你不需要自己做這一切。 Jquery本身有一個form plugin，它通過ajax提交表單。這是自我解釋。

Answer 3

下面是將某些表單元素轉換爲JSON對象的簡單示例 - 儘管如果您只想以JSON格式發送數據，Abdul Kader的建議會更好。

<form method="post" action="" id="example"> 
    <p><label>Name<br><input type="text" name="name" value="Bob"></p> 
    <p><label>Happy<br><input type="checkbox" name="happy" checked></p> 
    <p><textarea name="information">Some text "data" here!</textarea> 
</form> 
<div id="exampleOutput"> 

</div> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript"> 

    function exampleFormData() { 
     var formData; 
     var jsonString = "({"; 
     var jsonCount = 0; 

     // This will add each input to a JSON string 
     $("#example input, #example textarea").each(function() { 
      if (jsonCount > 0) { 
       jsonString += ", " 
      } 
      var key = this.name; 
      var value = this.value; 
      jsonString += key + ': "' + value.replace(/"/g, '\\"') + '"'; 
      jsonCount++; 
     }); 
     jsonString += "})" 

     // This converts the string into a JSON object 
     formData = eval(jsonString); 

     // Now you can use the formData JSON object... 
     $("#exampleOutput").html(formData.name + " " + formData.happy + " " + formData.information); 
    } 

    exampleFormData(); 
</script>