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 相关文章推荐
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
js导航菜单(自写)简单大方
Mar 28 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 Javascript
小程序实现上下移动切换位置
Sep 23 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
ant design charts 获取后端接口数据展示
May 25 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
javascript 控制弹出窗口
2007/04/10 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
jquery实现企业定位式导航效果
2018/01/01 jQuery
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
PyQt5每天必学之进度条效果
2018/04/19 Python
基于MTCNN/TensorFlow实现人脸检测
2018/05/24 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
python多进程读图提取特征存npy
2019/05/21 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
python爬虫之遍历单个域名
2019/11/20 Python
python语言是免费还是收费的?
2020/06/15 Python
解决keras backend 越跑越慢问题
2020/06/18 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
小学师德标兵先进事迹材料
2014/05/25 职场文书
关爱残疾人标语
2014/06/25 职场文书
工作收入证明模板
2014/10/10 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
工作后的感想
2015/08/07 职场文书
创业计划书详解
2019/07/19 职场文书
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL
golang中的struct操作
2021/11/11 Golang