MVC 通过Jquery获取视图中所有控件的值

简介: 在使用MVC开发Web时,有需求要将页面所有控件及其值传递到客户端与预定义的界面字段配置进行匹配。 之前用的方法是,通过Form提交表单,在控制器中通过Request.Form["字段名称"]获取值的方式。

在使用MVC开发Web时,有需求要将页面所有控件及其值传递到客户端与预定义的界面字段配置进行匹配。

之前用的方法是,通过Form提交表单,在控制器中通过Request.Form["字段名称"]获取值的方式。

现在又找到一种方法即通过Jquery 先获取视图中的控件,然后传递即可。

如下获取页面所有input控件

 

function printTextValue(){
        var texts = $("input:text"),textArray = [];

        texts.each(function(){
                var $this =$(this);

                textArray.push($this.attr("id")+'='+$this.val());

        });
        document.write(textArray.join("<br/>"));

}

  

 

目录
相关文章
|
2月前
|
JSON 前端开发 JavaScript
Mvc视图的4种提交方式
本文介绍了jQuery中get/post与ajax提交方式,以及原生JS通过请求头和FormData对象发送数据的方法。涵盖参数配置、请求类型、回调处理等要点,适用于表单及数据提交场景。
108 1
|
设计模式 存储 前端开发
MVC(模型-视图-控制器)是一种在Web应用程序开发中广泛使用的软件设计模式
【5月更文挑战第12天】MVC模式是Web应用开发中的常见设计模式,将逻辑、数据和界面分离,提升代码可维护性和重用性。模型处理数据逻辑,视图展示数据,控制器协调用户输入与模型视图交互。优点包括代码分离、易维护、可扩展和组件重用,促进高效灵活的开发。
255 2
|
XML 缓存 前端开发
Spring MVC视图解析器
Spring MVC视图解析器
276 1
|
前端开发
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新4
前端学习笔记202305学习笔记第三十一天-什么是mvc-数据操作和视图更新4
157 13
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
132 0
|
JavaScript 前端开发 UED
jQuery日历控件与假日显示
【9月更文挑战第1天】
158 3
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
118 0
|
移动开发 开发框架 JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
|
移动开发 JSON JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
|
前端开发 Java Spring
数据之桥:深入Spring MVC中传递数据给视图的实用指南
数据之桥:深入Spring MVC中传递数据给视图的实用指南
232 3

相关课程

更多