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 相关文章推荐
jquery validate poshytip 自定义样式
Nov 26 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
Oct 17 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
js实现上传文件添加和删除文件选择框
Oct 24 Javascript
angularjs过滤器--filter与ng-repeat配合有奇效
Apr 20 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
Jul 14 Javascript
关于Vue中的options选项
Mar 22 Vue.js
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
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
限制复选框的最大可选数
2006/07/01 Javascript
JQuery 选择和过滤方法代码总结
2010/11/19 Javascript
无限树Jquery插件zTree的常用功能特性总结
2014/09/11 Javascript
JS设置cookie、读取cookie、删除cookie
2015/04/17 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
2016/04/19 Javascript
基于bootstrap-datetimepicker.js不支持IE8的快速解决方法
2016/11/07 Javascript
基于JavaScript实现的快速排序算法分析
2017/04/14 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
JavaScript函数IIFE使用详解
2019/10/21 Javascript
js实现消灭星星(web简易版)
2020/03/24 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Python三元运算实现方法
2015/01/12 Python
python直接访问私有属性的简单方法
2016/07/25 Python
基于Python实现的ID3决策树功能示例
2018/01/02 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
世界上最大的在线旅行社新加坡网站:Expedia新加坡
2016/08/25 全球购物
QA工程师岗位职责
2013/11/20 职场文书
领导视察欢迎词
2014/01/15 职场文书
小学班主任寄语大全
2014/04/04 职场文书
十佳护士先进事迹
2014/05/08 职场文书
房屋质量投诉书
2015/07/02 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js