jQuery Form表单取值的方法


Posted in Javascript onJanuary 11, 2017

之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。

页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的参数名。

<form method='post' id="punishformID">
      <input hidden="hidden" name="Stu" value=@Model.Stu>
       <input hidden="hidden" name="StuRuleIDs" value=@Model.StuRuleIDs>
    </form>
  </div>
  <div style="margin-top:20px; padding-left:300px;">
    <button type="button" class="w-button w-button-submit" onclick="isagree();">确定</button>
   </button>
  </div>
function isagree() {
  var obj = $('#punishformID').serialize();
  $.ajax({
    type: "POST",
    url: "/Discipline/IsAgree",
    data: obj,// 要提交的表单
    success: function (msg) {
      easyuiAlert(msg);
    },
    error: function (error) {
      easyuiAlert(error);
    }
  });
}

$('#punishformID').serialize();就是取上面form的值,得到的是object,可以直接传递给后台。

以上所述是小编给大家介绍的jQuery Form表单取值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
从javascript语言本身谈项目实战
Dec 27 Javascript
javascrip关于继承的小例子
May 10 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
Oct 20 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
JavaScript订单操作小程序完整版
Jun 23 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
vue移动端路由切换实例分析
May 14 Javascript
Vue2.0点击切换类名改变样式的方法
Aug 22 Javascript
详解React之key的使用和实践
Sep 29 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 #Javascript
浅谈JavaScript中promise的使用
Jan 11 #Javascript
JS多文件上传的实例代码
Jan 11 #Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 #Javascript
Javascript中return的使用与闭包详解
Jan 11 #Javascript
jQuery对table表格进行增删改查
Dec 22 #Javascript
javascript基础知识讲解
Jan 11 #Javascript
You might like
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
浅谈PHP中try{}catch{}的使用方法
2016/12/09 PHP
yii框架数据库关联查询操作示例
2019/10/14 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
半角全角相互转换的js函数
2009/10/16 Javascript
JavaScript OOP面向对象介绍
2010/12/02 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
js严格模式总结(分享)
2016/08/22 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
Python比较两个图片相似度的方法
2015/03/13 Python
Python变量作用范围实例分析
2015/07/07 Python
python pandas修改列属性的方法详解
2018/06/09 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
python命令行参数用法实例分析
2019/06/25 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
美国现代家具和家居商店:Apt2B
2016/08/29 全球购物
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
int *p=NULL和*p= NULL有什么区别
2014/10/23 面试题
心理健康教育制度
2014/01/27 职场文书
优秀教师获奖感言
2014/01/31 职场文书
安全生产实施方案
2014/02/23 职场文书
节水标语大全
2014/06/11 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
MySQL 重命名表的操作方法及注意事项
2021/05/21 MySQL