使用ajax將表單字段的特定部分發送到服務器？

應用程序包含不同部分中具有許多表單字段的不同部分。
我必須分別使用ajax更新每個部分..如何使用ajax提交特定部分字段???
這裏所有的部分都在一個單一的形式..
如下..使用ajax將表單字段的特定部分發送到服務器？

<form> 
Section A: 
    <some fields> 
    Section B: 
<some fields> 
....... 
</form>

如果我用ajax提交表單，它是將所有表單域..但我馬上要保存特定章節..
任何方式來實現這一要求？
在此先感謝..

來源

2012-11-27 Mr.Chowdary

首先有1個表單有什麼意義？我假設你將使用不同的按鈕進行不同的更新？或者它是一個基於選擇字段的複選框？ –

你說，你可以提交整個表單使用Ajax，因此我假設你自己並不需要編寫$.ajax()（或$.post()或其他）的幫助，你只需要知道如何從某些領域獲取值。

您可以使用多種形式，每組一個 - 對我來說這似乎是最簡單的方法，但如果您還需要能夠一次提交所有字段（也許允許瀏覽器與JS關閉）。

或者您可以在特定部分的字段上使用.serialize() method。要麼給這些字段賦予一個類別，將它們標識爲屬於某個特定部分，並使用$(".sectionClass1").serialize()或將這些字段放在其他某種容器中，也許是<fieldset id="section1">，並相應地用$("#section1 :input").serialize()進行選擇。

來源

2012-11-27 09:11:10 nnnnnn

我可以使用嵌套表單嗎？它會與jQuery的工作？ –

我不會使用嵌套表單，我認爲就提交外部表單時的跨瀏覽器行爲而言，結果可能有點不可預知。 – nnnnnn

夫婦的方式，我可以建議

使用DOM選擇分離出表單字段，然後序列化值。
使用多個表單序列化表單值。

例multi form

吉斯特那麼你可以使用常規的JQuery的序列化，並提交值

$("#form1").serialize() 
$("#form2").serialize()

來源

2012-11-27 09:03:53 ch4nd4n

它必須是一個單一的形式..我可以使用窗體的部分，所有部分將有一個主窗體？ –

否嵌套表單通常會中斷。您也可以使用DOM選擇器來序列化值。爲什麼不能使用多個表單呢？ – ch4nd4n

使用ajax將表單字段的特定部分發送到服務器？

回答

相關問題