jquery+ajax实现直接提交表单实例分析


Posted in Javascript onJune 17, 2016

本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考,具体如下:

这里给出查看帮助文档的例子

<script src="jquery-1.4.4.js"></script>
<script>
$(function(){
  $("#results").append( "<tt>" + $("form").serialize() + "</tt>" );
});
</script>
<p id="results"><b>Results: </b> </p>
<form>
 <select name="single">
  <option>Single</option>
  <option>Single2</option>
 </select>
 <select name="multiple" multiple="multiple">
  <option selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
 </select><br/>
 <input type="checkbox" name="check" value="check1"/> check1
 <input type="checkbox" name="check" value="check2" checked="checked"/> check2
 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1
 <input type="radio" name="radio" value="radio2"/> radio2
</form>

界面显示的内容是

jquery+ajax实现直接提交表单实例分析

直接使用ajax提交表单传递参数

$.ajax({
   type: "POST",
   url: url,
   data: $('#form1').serialize(),
   success: function(msg){
    alert( "Data Saved: " + msg );
   }
});

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
Dec 02 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
Mar 08 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
Sep 05 Javascript
使用AJAX实现Web页面进度条的实例分享
May 06 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
VSCode搭建React Native环境
May 07 Javascript
jQuery UI Bootstrap是什么?
Jun 17 #Javascript
JS模拟bootstrap下拉菜单效果实例
Jun 17 #Javascript
JavaScript获取当前url根目录(路径)
Jun 17 #Javascript
下一代Bootstrap的5个特点 超酷炫!
Jun 17 #Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 #Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 #Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 #Javascript
You might like
php 接口类与抽象类的实际作用
2009/11/26 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
关于PHP虚拟主机概念及如何选择稳定的PHP虚拟主机
2018/11/20 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
图片之间的切换
2006/06/26 Javascript
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
深入了解JavaScript的逻辑运算符(与、或)
2016/12/20 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
nodejs 简单实现动态html的方法
2018/05/12 NodeJs
webpack4.x CommonJS模块化浅析
2018/11/09 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
Python3.2中的字符串函数学习总结
2015/04/23 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
python使用pycharm环境调用opencv库
2018/02/11 Python
Python面向对象之Web静态服务器
2019/09/03 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
电脑租赁公司创业计划书
2014/01/08 职场文书
白酒市场营销方案
2014/02/25 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
业务员岗位职责范本
2015/04/03 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书