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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
IE与firefox之jquery用法区别
Oct 03 Javascript
Confirmer JQuery确认对话框组件
Jun 09 Javascript
innerText 使用示例
Jan 23 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
jQuery三级下拉列表导航菜单代码分享
Apr 15 Javascript
让图片跳跃起来  javascript图片轮播特效
Feb 16 Javascript
Node.js返回JSONP详解
May 18 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
详解如何使用nvm管理Node.js多版本
May 06 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的ajax框架xajax入门与试用介绍
2010/12/19 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
javascript获取选中的文本的方法代码
2013/10/30 Javascript
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
jquery 取子节点及当前节点属性值
2014/07/25 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
js转html实体的方法
2016/09/27 Javascript
详解webpack自动生成html页面
2017/06/29 Javascript
简单理解Vue中的nextTick方法
2018/01/30 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
[09:40]DAC2018 4.5 SOLO赛 MidOne vs Miracle
2018/04/06 DOTA
用Python编写简单的定时器的方法
2015/05/02 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
Python+django实现文件上传
2016/01/17 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
python交互模式基础知识点学习
2020/06/18 Python
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
一套C#面试题
2013/10/09 面试题
应届大学生求职的自我评价
2013/11/17 职场文书
大学生学习2014年全国两会心得体会
2014/03/12 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
毕业感言怎么写
2015/07/31 职场文书
离婚民事起诉状
2015/08/03 职场文书
Python必备技巧之函数的使用详解
2022/04/04 Python
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL