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 Dialog 弹出层对话框插件
Aug 09 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
用C/C++来实现 Node.js 的模块(二)
Sep 24 Javascript
JS倒计时代码汇总
Nov 25 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
点击页面任何位置隐藏div的实现方法
Sep 05 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
JS变量提升原理与用法实例浅析
May 22 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 iconv函数的使用详解
2013/06/09 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
javascript event 事件解析
2011/01/31 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
2011/03/20 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
简单实现node.js图片上传
2016/12/18 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
vue实现折线图 可按时间查询
2020/08/21 Javascript
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
Html5之title吸顶功能
2018/06/04 HTML / CSS
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
求网格中的黑点分布
2013/11/06 面试题
vue实现倒计时功能
2021/03/24 Vue.js
给幼儿园老师的表扬信
2014/01/19 职场文书
修理厂厂长岗位职责
2014/01/30 职场文书
美容院营销方案
2014/03/05 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
七一表彰大会简报
2015/07/20 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Python初学者必备的文件读写指南
2021/06/23 Python
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python