`
xo_tobacoo
  • 浏览: 390739 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

携带值小技巧,简化js2

阅读更多

上次发了个小技巧解决数据分散的导致需要计算时获取数据很麻烦的问题。今天解决另一问题。

 

问题:同意页面参数过多,混淆的问题。如:进入一个页面有十个查询条件栏位,点击查询后又有15个查询结果栏位,上百行的数据,而且这数据还要就在本行修改编辑更新,有5个和查询栏位意义相同,另外还有其他必须使用的和查询栏位意义相同的数据。每次有上百个栏位被提交?怎么提交呢?怎么从众多看似一样的变量中找到你要用的那个?(假设你使用的隐藏行替换的技术来提交)

 

思路:只提交需要使用的数据,专注处理有效的数据。

 

解决:假如有字段ID为主键,数十个其他栏位,查询到一个页面后,更新,查询,删除等操作都用到。一种方式你可使用ID1,ID2,ID3,或者其他命名,不过加入你使用struts标签,那你要在FORM加好多变量,提交完后,还要在服务器端筛选数据(或者在客户端用js从一个巨大的数组中去筛选数据),加上页面上其他业务数据...很烦,肯定头晕!另外一种方式是使用多个form,一个专门负责提交本次执行动作的数据,另外需要给查询结果每行数据一个ID,如我要我要从1000行中删除ID为100的,那么在你的js函数中传入这行的ID,然后用getElementById得到这行的其他数据并传给负责提交的那个表单中相应的变量,然后让他提交,这样就能只提交有效的数据。还有一种方式就是暂时取消那些不需要提交的数据,方式多种,请自行研究。

 

 

分享到:
评论

相关推荐

    可拖放的ajax多层菜单

    在网页开发中,可拖放的Ajax多层菜单是一种交互性强、用户体验良好的设计技术。它结合了Ajax(异步JavaScript和XML)与JavaScript的...这个小技巧提升了网页的互动性和用户体验,是现代Web开发中值得掌握的一种技术。

    小程序最新最全知识点 小白入门

    #### 二、小程序事件传值技巧 在小程序中,可以通过在页面标签上绑定dataset-key=value的方式,将数据绑定到特定元素上。当用户触发相应事件(如点击按钮)时,可以通过`e.currentTarget.dataset.key`来获取该元素...

    Discuz论坛实现接口,以及结合Discuz的微信小程序.zip

    2. 结构理解:微信小程序由wxml(结构文件)、wxss(样式文件)、js(逻辑文件)和json(配置文件)组成。通过这些文件,你可以构建界面、处理逻辑和配置页面行为。 3. 获取论坛数据:在小程序中,使用`wx.request`...

    node-todolist:使用 Node.js 和 Express 框架制作的简单待办事项列表

    Express 是一个基于 Node.js 的 web 应用框架,它简化了构建 web 应用的过程,提供了许多有用的功能,如路由处理、中间件系统和模板引擎支持。在这个项目中,Express 负责处理 HTTP 请求,将用户操作映射到相应的...

    北大青鸟ACCP6.0AJAX课程阶段小项目BBS源码

    【北大青鸟ACCP6.0 AJAX课程阶段小项目BBS源码】是北大青鸟教育机构在ACCP6.0课程中针对AJAX技术设计的一个教学实践项目,旨在帮助学员深入理解和掌握AJAX(异步JavaScript和XML)在实际Web开发中的应用。...

    W3CSchool.chm

    由于其体积小、便于携带且易于阅读等特点,在软件开发领域中被广泛用作帮助文档的格式之一。 ### W3CSchool.chm中的核心知识点 #### 1. **HTML5** HTML5是超文本标记语言的最新版本,为网页设计提供了更多的功能和...

    儿童预防接种预约微信小程序+springboot后端源码案例设计.zip

    该压缩包文件“儿童预防接种预约微信小程序+springboot后端源码案例设计.zip”包含了一个完整的项目案例,主要用于儿童预防接种的预约服务。这个项目是通过微信小程序作为前端界面,与基于SpringBoot的后端服务器...

    JSP精心收藏的21种分页方法

    5. **第三方分页库**:如`Pager.js`、`Paginator.js`等,它们提供了丰富的分页样式和功能,简化了开发工作,但可能增加页面加载时间。 6. **数据库分页**:很多数据库(如MySQL, Oracle)支持SQL的LIMIT和OFFSET...

    基于Springboot+Vue美食烹饪互动平台的设计与实现源码案例设计.zip

    2. **Vue.js前端框架**:Vue.js是一个轻量级的渐进式框架,易于学习且可扩展性强。它被用于构建用户界面,提供组件化开发,使页面结构清晰,提高代码复用性。在这个美食烹饪平台上,Vue可能用于创建交互式的食谱展示...

    jQuery通过控制节点实现仅在前台通过get方法完成参数传递

    jQuery库简化了DOM操作,提供了方便的API用于选择、操作和修改DOM元素。在描述中提到的“控制每一个节点,对每一个节点进行增删改查”,这是JavaScript和jQuery的基本功能,包括`$(selector).append()`(添加元素)...

    Go-ptt網路版爬蟲

    2. **轻量级**:Go语言的库和工具链相对较小,易于部署和维护。 3. **内置并发支持**:通过goroutines和channels实现轻量级线程,简化并发编程。 4. **标准库丰富**:`net/http`库提供了强大的网络请求功能,`...

    批量打开网页

    在IT行业中,批量操作是一种常见的效率提升技巧,特别是在网页浏览和数据处理方面。"批量打开网页"这个小工具就是这样一个高效实用的软件,它能够帮助用户一次性打开多个网页,极大地节省了时间,提高了工作效率。 ...

    web前端面试题

    在 css/js 代码上线之后开发人员经常会优化性能,从用户刷新网页开始,一次 js 请求一般情况下有哪些地方会有缓存处理?** - 浏览器缓存(如 HTTP 缓存)、服务端缓存、CDN 缓存等都是常见的缓存机制。 **14. 一...

    go web编程

    - **HttpOnly 标记**:禁止 JavaScript 访问 Cookie。 - **定期更新 Session ID**:减少被劫持的风险。 **6.5 小结** - **Session 管理技巧**:确保 Web 应用的安全性和可靠性。 #### 七、文本文件处理 **7.1 ...

Global site tag (gtag.js) - Google Analytics