使用jQuery发布此表单的最简单方法是什么?

时间:2011-10-13 00:48:35

标签: jquery ajax

好的,所以我觉得我被这个舔了我错了。

基本上,我有一个包含在span(#container)中并嵌入页面的表单。服务器端执行所有验证并检测它是完整的HTTP请求还是XHR。

如果是完整的HTTP请求,服务器将返回一个完整的页面,其中包含布局。如果是XHR请求,则服务器仅返回表单元素及其子元素。表格可能包含也可能不包含错误。

所以,我正在寻找使用jQuery来解析这个表单的最简单方法。基本上,我认为我需要做这样的事情:

  • 当文档准备就绪时,使用jQuery的.live()方法将函数绑定到提交按钮的click事件。 (这很容易)。

该功能需要做这样的事情:

  • 触发表单上的提交事件
  • 捕获html回复
  • 将#container的内容替换为响应内容

这听起来对吗?任何赞助都表示赞赏!

1 个答案:

答案 0 :(得分:1)

如果您在表单上触发提交事件,它将作为完整的http请求提交,除非您向表单标记添加onsubmit = "return false;。最简单的方法是将$.post()$.serialize()结合使用一个$.post( 'myFormURL.php', $('#idOfMyForm').serialize(), function(results) { $('#container').html(results); } ); ,您还可以捕获服务器响应。它可能看起来像这样。

{{1}}