在ajax請求中填充數據字符串

Question

我有一個表單可以有不同數量的文本字段（包含轉換值）。他們的名字是例如：「textfield_eng」，「textfield_ger」，「textfield_dut」。

在我的ajax請求中，我希望當然提交這些字段，但我不知道如何填充這些字段名稱及其值到數據字符串中。

這是數據呼叫的樣子：

$.ajax({ 
    type: "POST", 
    url: $("#optionForm").attr("action"), 
    dataType: "xml", 
    cache: false, 
    data: { formname: $("#optionForm input[name='formname']").val(), 
    submit: $("#optionForm input[name='submit']").val() 
    }, 
    success: function(xml){ 
           bladibla.... 

這是我怎麼想它是：

$.ajax({ 
    type: "POST", 
    url: $("#optionForm").attr("action"), 
    dataType: "xml", 
    cache: false, 
    data: { formname: $("#optionForm input[name='formname']").val(), 
    submit: $("#optionForm input[name='submit']").val(), 
textfield_eng : "english", 
textfield_ger : "german", 
textfield_dut : "dutch" 
    }, 
    success: function(xml){ 
           bladiblla... 

什麼是做到這一點的最好方法是什麼？

<input id="sOption_dut" name="sOption_dut" class="form_textfield" type="text" value="" /> 
<input id="sOption_eng" name="sOption_eng" class="form_textfield" type="text" value="" /> 
<input id="sOption_ger" name="sOption_ger" class="form_textfield" type="text" value="" /> 

Answer 1

你檢查了jQuery Form plugin嗎？通過ajax提交表單更容易。

Answer 2

更新 創建與jquery新文本框將是

$('<input />').attr({ 
        id: 'sOption_dut', 
        name: 'sOption_dut', 
        class: 'form_textfield' , 
        type: 'text', 
        value: '' 
        }).appendTo('form_or_otherwise_selector_here'); 

上面顯示瞭如何使用指定的屬性創建一個輸入字段，然後將其附加到某個其它元件（該方式通常是一種形式）。

請記住，上面的代碼應該在頁面加載時執行，或者當您決定將窗體顯示給最終用戶時執行。它不應該放置在ajax調用代碼中，因爲這意味着它將在提交時獲取生成，不給最終用戶填寫資料...的機會（除非這是預期的效果。）

變化 form_or_otherwise_selector_here到 告訴它在哪裏放置輸入框

---

你有一個錯字在你的代碼

data: { formname: $("#optionForm input[name='formname']").val(), 
       submit: $("#optionForm input[name='submit']").val() 
textfield_eng : "english", 
textfield_ger : "german", 
textfield_dut : "dutch", 
       } 

您需要刪除最後一個逗號（荷蘭文後），並提交值後添加一個..
所以它應該是

data: { formname: $("#optionForm input[name='formname']").val(), 
       submit: $("#optionForm input[name='submit']").val(), 
textfield_eng : "english", 
textfield_ger : "german", 
textfield_dut : "dutch" 
       } 

Answer 3

好理解了它全部由我自己。檢查了jquery文檔，發現你也可以將數據字符串作爲數組提交（如上面的註釋所述）。這讓我以正確的方式思考。

這是如何做到這一點：

var aData = []; 
    $("input", $("#myForm")).each(function(){ 
     aData.push({name: $(this).attr("name"), value: $(this).val()}); 
    }); 

    $.ajax({ 
     type: "POST", 
     url: $("#myForm").attr("action"), 
     dataType: "xml", 
     cache: false, 
     data: aData, 
     success: function(xml){ 
          blablabla... 

所以，遍歷窗體輸入字段（我只有文本框，但如果你有收音機或選擇，您需要更改此一點，看別處本網站提供關於如何遍歷字段的提示），然後構建數組。你唯一需要做的就是在ajax請求中推送它。

它畢竟那麼簡單...