【Javascript】列表查询页面,简单地保存上一次查询的查询参数
开发中经常做一些查询参数 + 列表参数的功能,这些功能有时候需提供导出Excel,或带超链接到其他明细页面的功能点。
在一些交互性要求严格的系统,需求方会要求:
用户第一个输入某些查询条件进行列表查询;
然后用户修改了某些查询条件,但还没按查询按钮(即还没有进行第二次查询);
然后用户直接进行导出Excel或超链接查询相关详情。
这时候,用户导出的Excel数据应是用户第一次查询的结果(即不是将现有我们看到的修改后的查询参数传递到后台进行查询,而是需要将第一次查询的参数传递到后台进行查询)。
这样,就需要对每次查询时对查询参数进行保存,以下代码,用创建一个隐藏的input元素的形式,以该元素的value保存上一次的查询参数:
/** * 保存指定表单的提交参数 * @param formId 指定表单ID */ function keepFormParam(formId) { var param = $("#" + formId).serialize(); if ($('#keepFormParam').size() == 0) { $("#" + formId).after("<input type='hidden' id='keepFormParam' />"); } $('#keepFormParam').val(encodeURI(param)); } /** * 获取已保存的表单的提交参数 * @returns 提交参数 */ function getFormParam() { var param = $('#keepFormParam').val(); return param; }
作者:Nick Huang 博客:http://www.cnblogs.com/nick-huang/
本博客为学习、笔记之用,以笔记形式记录学习的知识与感悟。学习过程中可能参考各种资料,如觉文中表述过分引用,请务必告知,以便迅速处理。如有错漏,不吝赐教。
如果本文对您有用,点赞或评论哦;如果您喜欢我的文章,请点击关注我哦~
本博客为学习、笔记之用,以笔记形式记录学习的知识与感悟。学习过程中可能参考各种资料,如觉文中表述过分引用,请务必告知,以便迅速处理。如有错漏,不吝赐教。
如果本文对您有用,点赞或评论哦;如果您喜欢我的文章,请点击关注我哦~