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
node.js中的console.log方法使用说明
Dec 09 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
JS实现探测网站链接的方法【测试可用】
Nov 08 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
发布订阅模式在vue中的实际运用实例详解
Jun 09 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
PHP微信API接口类
2016/08/22 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
Docker搭建自己的PHP开发环境
2018/02/24 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
Laravel框架下的Contracts契约详解
2020/03/17 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
在Google 地图上实现做的标记相连接
2015/01/05 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
jquery实现简单的遮罩层
2016/01/08 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
AngularJS 与Bootstrap实现表格分页实例代码
2016/10/14 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
2018/03/20 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python内存动态分配过程详解
2019/07/15 Python
Python3分析处理声音数据的例子
2019/08/27 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
Python控制台实现交互式环境执行
2020/06/09 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
什么是规则表达式
2012/05/03 面试题
优秀员工年终发言演讲稿
2014/01/01 职场文书
法院个人总结
2015/03/03 职场文书
经典爱情感言
2015/08/03 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
Redis主从配置和底层实现原理解析(实战记录)
2021/06/30 Redis
asyncio异步编程之Task对象详解
2022/03/13 Python
Win11 BitLocker 驱动器加密
2022/04/19 数码科技