2012-04-10 45 views
1

我有一个表单,我需要使用JQuery Ajax来增强它。目前,它使用JavaScript来处理提交。当用户点击提交按钮时,控件将转到javascript函数,并且javascript函数执行一些处理,然后执行form-id.submit()。如何使用Javascript提交将Jquery ajax添加到现有的表单中

现在我该如何将JQuery-ajax引入当前窗体?我不想在JQuery中重新创建整个JavaScript函数,然后执行JQuery提交。有没有办法将表单对象/值传递给现有的JavaScript函数中的JQuery,然后使用Jquery-ajax进行提交?

谢谢。

回答

2

这里有一个jQuery插件。使用beforeSubmit option执行预先提交功能。

+0

谢谢!此外,当前的提交按钮有“onclick =”update_function('form-id')“代码。我只是摆脱它,然后使用jquery捕捉click事件,然后运行update_function('form-id') javascript函数?我怎样才能从jquery中调用javascript函数?是不是像设计$ form_id字段时使用实际的表单ID来编写新行“update_function('$ form_id')”一样简单? – user6123723 2012-04-10 18:59:44

+0

如果你是使用jQuery,几乎不需要'onclick'属性了,是的,你可以/应该使用jQuery来绑定事件处理程序,jQuery是JavaScript,所以你可以按照上面描述的“从jquery调用javascript函数”。 – 2012-04-10 19:19:43

1

当表单提交到后端时,您会获得序列化数据。如果您想保留相同的后端(显然是发送回复响应而不是写入页面或其他内容),请在发送时使用$('#form').serialize();作为数据。