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 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
Angular中$broadcast和$emit的使用方法详解
May 22 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
js图片查看器插件用法示例
Jun 22 Javascript
Elasticsearch实现复合查询高亮结果功能
Sep 10 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
Nov 09 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
vue css 相对路径导入问题级踩坑记录
Jun 05 Vue.js
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绘图技术
2013/07/03 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
jQuery循环动画与获取组件尺寸的方法
2015/02/02 Javascript
JavaSciprt中处理字符串之sup()方法的使用教程
2015/06/08 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
canvas绘制表盘时钟
2017/01/23 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
2017/07/11 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
移动前端图片压缩上传的实例
2017/12/06 Javascript
基于jQuery Ajax实现下拉框无刷新联动
2017/12/06 jQuery
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
[40:05]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第一局
2016/02/25 DOTA
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python argv用法详解
2016/01/08 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
美国在线鲜花速递:ProFlowers
2017/01/05 全球购物
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
写自荐信要注意什么
2013/12/26 职场文书
机电一体化职业规划书
2014/01/07 职场文书
给老师的道歉信
2014/01/11 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
学雷锋感言
2015/08/03 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
iPhone13再次曝光
2021/04/15 数码科技
如何使用vue3打造一个物料库
2021/05/08 Vue.js