zoukankan      html  css  js  c++  java
  • 记录下url拼接的多条件筛选js

    本着为提高工作效率百度或者google这些代码发现拿过来的都不好用,然后自己写了个,写的一般但记录下以后再优化

    <html>
    <head>
    <script>
        $(function(){
            /* bieanju原创多条件筛选 */
            $('.filter').click(function(){
                var name = $(this).attr('data-name');
                var value = $(this).attr('value');
                var url = window.location.href;
                var jump_url;
                /* 无参数正常跳转 */
                if(typeof(name) == "undefined" || typeof(value) == "undefined"){
                    window.location.href = url;
                    return false;
                }
                /*     如果当前地址不是以"/"结束追加 */
                if((url.charAt(url.length-1) == "/") == false){
                    url += "/";
                }
                if(url.indexOf(name) > 0){
                    var data = url.split('/');
                    for(i in data){                
                        if(data[i] == name){
                            data[parseInt(i)+parseInt(1)] = value;
                        }
                    }
                    jump_url = data.join("/");
                }else{
                    jump_url = url+name+"/"+value+"/";
                }        
                window.location.href = jump_url;
                return false;
            })
        })
    </script>
    </head>
    <body>
    条件一:<a href="http://www.test.com/catid/1" data-name="catid" value="1"> 企业</a><a data-name="catvalue" value="2" href="http://www.test.com/catid/1" >商城</a>
    条件二:<a href="http://www.test.com/price/100-200" data-name="price" value="100-200"> 100-200</a><a data-name="price" value="200-300" href="http://www.test.com/price/1" >200-300</a>
    条件三:<a href="http://www.test.com/star/1" data-name="star" value="1"> 一星</a><a data-name="star" value="2" href="http://www.test.com/star/1" >二星</a>
    </body>
    </html>
  • 相关阅读:
    Python 创建包含列表的元组
    Python 创建特殊元组tuple
    Bean named 'XXX' is expected to be of type [XXX] but was actually of type [com.sun.proxy.$Proxy7
    小米手机安装Google框架
    前端框架
    Microsoft Project项目管理工具
    Spring AOP无法拦截Controller的原因
    sql分页优化
    npm和Node.js简介
    启动OpenOffice服务
  • 原文地址:https://www.cnblogs.com/bieanju/p/5806640.html
Copyright © 2011-2022 走看看