一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery实现Ajax提交form表单的程序

时间:2022-06-25 17:45:40 编辑:袖梨 来源:一聚教程网


介绍:介绍了如何将一个普通的form表单,迅速改造成通过ajax方式提交,并将结果显示在对话框中。
正文:
我们有一个非常普通的表单:
 


标题


为了演示方便,method使用了get,可以根据需要改为post。
 
现在我们把它改造成AJAX方式提交,方法很简单,只需要将下面的代码复制到页面中:
 
css" href="jquery-ui.css" rel="stylesheet" />






代码中关键的几点:
(1)$('#form1').submit()对Form的Submit的绑定 (使用了jquery.form.js)
(2)定义的showResponse函数处理返回信息。
(3)$("#msgdlg").dialog()创建对话框并显示结果 (使用了jquery-ui.js)

热门栏目