适用场景：多条件查询情况，如下图所示：

通过设置URL参数，再结合数据源控件设置的RUL参数，就能进行简单的多条件查询了。

javascript函数：

<mce:script type="text/javascript"><!--

      //设置URL参数的方法

      function setParmsValue(parms, parmsValue) {

          var urlstrings = document.URL;

          var args = GetUrlParms();

          var values = args[parms];

          //如果参数不存在，则添加参数

          if (values == undefined) {

              var query = location.search.substring(); //获取查询串

              //如果Url中已经有参数，则附加参数

              if (query) {

                  urlstrings += ("&" + parms + "=" + parmsValue);

              }

              else {

                  urlstrings += ("?" + parms + "=" + parmsValue);  //向Url中添加第一个参数

              }

              window.location = urlstrings;

          }

          else {

              window.location = updateParms(parms, parmsValue);  //修改参数

          }

      }  

      //修改URL参数，parms：参数名，parmsValue：参数值，return：修改后的URL

      function updateParms(parms, parmsValue) {

          var newUrlParms = "";

          var newUrlBase = location.href.substring(, location.href.indexOf("?") + ); //截取查询字符串前面的url

          var query = location.search.substring(); //获取查询串

          var pairs = query.split("&"); //在逗号处断开

          for (var i = ; i < pairs.length; i++) {

              var pos = pairs[i].indexOf('='); //查找name=value

              if (pos == -) continue; //如果没有找到就跳过

              var argname = pairs[i].substring(, pos); //提取name

              var value = pairs[i].substring(pos + ); //提取value

              //如果找到了要修改的参数

              if (findText(argname, parms)) {

                  newUrlParms = newUrlParms + (argname + "=" + parmsValue + "&");

              }

              else {

                  newUrlParms += (argname + "=" + value + "&");

              }

          }

          return newUrlBase + newUrlParms.substring(, newUrlParms.length - );

      }  

      //辅助方法

      function findText(urlString, keyWord) {

          return urlString.toLowerCase().indexOf(keyWord.toLowerCase()) != - ? true : false;

      }  

      //得到查询字符串参数集合

      function GetUrlParms() {

          var args = new Object();

          var query = location.search.substring(); //获取查询串

          var pairs = query.split("&"); //在逗号处断开

          for (var i = ; i < pairs.length; i++) {

              var pos = pairs[i].indexOf('='); //查找name=value

              if (pos == -) continue; //如果没有找到就跳过

              var argname = pairs[i].substring(, pos); //提取name

              var value = pairs[i].substring(pos + ); //提取value

              args[argname] = unescape(value); //存为属性

          }

          return args;

      }   

 --></mce:script>

测试代码：

<body>

    <input type="button" id="Button1" onclick="setParmsValue('Test1','AAA')" value="设置URL参数[Test1=AAA]" />

    <input type="button" id="Button2" onclick="setParmsValue('Test1','BBB')" value="设置URL参数[Test1=BBB]" />

    <input type="button" id="Button3" onclick="setParmsValue('Test2','AAA')" value="设置URL参数[Test2=AAA]" />

    <input type="button" id="Button4" onclick="setParmsValue('Test2','BBB')" value="设置URL参数[Test2=BBB]" />

</body>

javascript：设置URL参数的方法，适合多条件查询的更多相关文章

  1. 多浏览器兼容用javascript获取url参数的方法比较推荐的一种

    多浏览器兼容用javascript获取url参数的方法比较推荐的一种 <script language = javascript> function request(paras){ var ...

  2. javascript获取url参数的方法

    发布:thatboy   来源:Net     [大 中 小] 本文介绍下,在javascript中取得url中某一个参数的方法,这里分享一个小例子,供大家学习参考下.本文转自:http://www. ...

  3. JavaScript获取URL参数公共方法

    写一个JavaScript获取URL参数的通用方法,可以把它放到常用方法的JS文件中调用,直接上代码例子,新手可以学习一下! <!DOCTYPE html> <html lang=& ...

  4. 用JavaScript获取URL参数的方法之一

    若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1 <script> ...

  5. 使用jquery获取url以及jquery获取url参数的方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 1.window.location.href; 其实只是用到了javas ...

  6. 使用jquery获取url及url参数的方法及定义JQuery扩展方法

    1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取 ...

  7. [开发笔记]-使用jquery获取url及url参数的方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javasc ...

  8. 使用jquery获取url及url参数的方法

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javasc ...

  9. 使用jquery获取url以及jquery获取url参数的方法（转）

    使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作 1.jquery获取url很简单,代码如下 1.window.location.href; 其实只是用到了javas ...

随机推荐

  1. jQuery的AJAX方法简介及与其他文件$符号冲突的解决办法

    一.重要的jQuery AJAX方法简介 $.load(url) 从服务器载入数据 $.get(url,callback) 从服务器请求数据,并执行回调函数 $.post(url,data,callb ...

  2. [译]SSIS 通过环境变量配置数据源连接参数

    场景 希望在包执行的时候可以随意选择参数,这时候我们可以用环境变量 . 另外所有包都可以用环境变量,有大量包的时候就比较方便. Step 1: 创建SSIS包 在Data Flow Task里面创建 ...

  3. Oracle存储过程function语法及案例

    create or replace function F01_SX03_SUM(statdate varchar2, code varchar2, para varchar2) RETURN numb ...

  4. codeforces 620E. New Year Tree dfs序+线段树+bitset

    题目链接 给一棵树, 每个节点有颜色, 两种操作, 一种是将一个节点的子树全都染色成c, 一种是查询一个节点的子树有多少个不同的颜色, c<=60. 每个节点一个bitset维护就可以. #in ...

  5. 查找最小的k个元素

    题目:输入n个整数,输出其中最小的k个. 例如输入1,2,3,4,5,6,7和8这8个数字,则最小的4个数字为1,2,3和4. 两种思路,无非就是时间与空间的妥协. 限制空间的时候要对原数组进行排序, ...

  6. 设计模式总结4--singleton pattern

    单例模式 保证每个类只有一个实例,并提供一个全局访问点 第一步 构造方法私有化第二步 公有化静态方法获取的实例 懒汉式  public class Bank{ private Bank(){} pri ...

  7. spring mvc 分页

    spring mvc 分页

  8. Uva 1061 The Morning after Halloween

    基本思路是BFS: 1. 题目中已经说了,每相连的2X2格子中必有一个‘#’,也就是,每个点周围最多也就三个方向可以走.因此,可以把所有空格都提出来,形成一个图,直接遍历每条边,而不是每次判断4个方向 ...

  9. Uva 225 Golygons

    这道题如果直接用Dfs,运气好的话是可以直接过的. 但如果要在Dfs的基础上加快速度,剪枝是必不可少的. 我的剪枝策略: 1.当前点(x,y)回到出发点至少需要 |x| +| y| 步,如果剩余的步数 ...

  10. struts2的总体回想（ACTION、拦截器、值栈、OGNL表达式、ModelDriven方案等）

    ValueStack:struts2的一个存放数据的数据结构(核心) ValueStack大致能够理解为:由Map和对象栈组成 ValueStack作用范围:一个请求,用它来取代request的作用域 ...