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 相关文章推荐
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
jQuery中delegate与on的用法与区别示例介绍
Dec 20 Javascript
jQuery实现菜单式图片滑动切换
Mar 14 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
利用JS实现数字增长
Jul 28 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
Vue动态控制input的disabled属性的方法
Jun 26 Javascript
小程序图片长按识别功能的实现方法
Aug 30 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 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/06/23 PHP
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
php内嵌函数用法实例
2015/03/20 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP文件下载实例代码浅析
2016/08/17 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
PHP利用pdo_odbc实现连接数据库示例【基于ThinkPHP5.1搭建的项目】
2019/05/13 PHP
JavaScript中的console.trace()函数介绍
2014/12/29 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
一个极为简单的requirejs实现方法
2016/10/20 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
ES6 中可以提升幸福度的小功能
2018/08/06 Javascript
浅谈vue 锚点指令v-anchor的使用
2019/11/13 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
Python多线程和队列操作实例
2015/06/21 Python
Python实现将罗马数字转换成普通阿拉伯数字的方法
2017/04/19 Python
Python 多线程其他属性以及继承Thread类详解
2019/08/28 Python
python字符串的拼接方法总结
2019/11/18 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
广告语设计及教案
2014/03/21 职场文书
财务会计专业求职信
2014/06/09 职场文书
个人务虚会发言材料
2014/10/20 职场文书
学习保证书100字
2015/02/26 职场文书
我的长征观后感
2015/06/09 职场文书
GPU服务器的多用户配置方法
2022/07/07 Servers