最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery实现Ajax提交form表单的程序
时间:2015-03-13 编辑:简简单单 来源:一聚教程网
介绍:介绍了如何将一个普通的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)
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31