使用ajax将表单字段的特定部分发送到服务器?

时间:2012-11-27 09:01:12

标签: jquery ajax forms submit

应用程序包含不同的部分,在不同的部分中有许多表单字段 我必须使用ajax单独更新每个部分..如何使用ajax提交特定的部分字段??? 这里所有部分都是单一的形式..
如下..

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

如果我使用ajax提交表单,它会发送所有表单字段..但我一次保存特定部分..
任何方式来实现这个要求??? 在此先感谢..

2 个答案:

答案 0 :(得分:1)

您已声明您可以使用Ajax提交整个表单,因此我假设您不需要帮助编写$.ajax()(或$.post()或其他)本身,你只需要知道如何从某些领域获得价值。

你可以使用多个表单,每个组一个 - 对我来说这似乎是最简单的方法,但是如果你还需要能够一次提交所有字段(也许是为了允许带JS的浏览器)它将不起作用关掉了。)

或者您可以仅在特定部分的字段中使用.serialize() method。为字段提供一个类,将其标识为属于特定部分,并使用$(".sectionClass1").serialize()或将字段放在其他类型的容器中,可能是<fieldset id="section1">,然后使用$("#section1 :input").serialize()进行相应选择

答案 1 :(得分:0)

我可以建议的几种方式

  • 使用Dom选择器分隔表单字段,然后序列化值。

  • 使用多个表单序列化表单值。

multi form

的示例要点

然后您可以使用常规JQuery来序列化和提交值

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