zoukankan      html  css  js  c++  java
  • 用javascript替换URL中的参数值

    最近在网上看到的JS替换URL的值,基本都是

    function changeUrlArg(url, arg, arg_val){
        var pattern = arg+'=([^&]*)';
        var replaceText = arg+'='+arg_val;
        return url.match(pattern) ? url.replace(eval('/('+ arg+'=)([^&]*)/gi'), replaceText) : (url.match('[?]') ? url+'&'+replaceText : url+'?'+replaceText);
    }

    但是这个是有问题的,例如:url为:http://www.lllllllllll.com/test.testhtml?typeId=3&id=2&user_id=1,arg为id,arg_val为5,

    通过替换的到:http://www.lllllllllll.com/test.testhtml?typeId=5&id=5&user_id=5,很面试这3个值都变了,因为替换值的时候是以“id=([^&]*)”为主的,还有正则是排除了大小写的,所以说新的值会替换所有的符合条件的。

    然后我们实际想要的是:http://www.lllllllllll.com/test.testhtml?typeId=3&id=5&user_id=1,

    进行实际操作,下面代码可自行优化:

    <script>
    /* 
    * 替换URL的参数值
    * url 目标url
    * arg 需要替换的参数名称 
    * arg_val 替换后的参数的值 
    * return url 参数替换后的url 
    */
    function changeURLArg(url, arg, arg_val) {
        var pattern = arg + '=([^&]*)';
        var replaceText = arg + '=' + arg_val;
        if (url.match(pattern)) {
            var retuenUrl = url;
            var temp = '/(&' + arg + '=)([^&]*)/gi';
            if (eval(temp).test(retuenUrl)) {
            retuenUrl = retuenUrl.replace(eval(temp), '&' + replaceText);
            }
            var temps = '/([?])(' + arg + '=)([^&]*)/gi';
            if (eval(temps).test(retuenUrl)) {
            retuenUrl = retuenUrl.replace(eval(temps), '?' + replaceText);
            }
            return retuenUrl;
        }
        else {
            // if (url.match('[?]')) {
            if (url.indexOf('?') > 0) {
                return url + "&" + replaceText;
            } else {
                return url + "?" + replaceText;
            }
        }
        return url + '
    ' + arg + '
    ' + arg_val;
    }
    document.write(changeUrlArg('http://www.lllllllllll.com/test.testhtml?typeId=3&id=2&user_id=1', 'id', 5));
    </script>

    通过上述,得达到我们想要的结果,不懂的可以留言或者代码能优化的,可以留言,共同进步,嘿嘿嘿

  • 相关阅读:
    好文摘录
    使用jsoup进行网页内容抓取
    JAX-WS开发WebService程序
    Jboss中不能正常的解析EL表达式
    Android 使用弹出对话框,报Unable to add window错误
    JavaScript Math对象
    javascript Date对象
    使用ListView 时,遇到了 Your content must have a ListView whose id attribute is 'android.R.id.list' 错误
    javascript Array对象
    LeetCode --- 字符串系列 --- URL化
  • 原文地址:https://www.cnblogs.com/yueyongsheng/p/13852231.html
Copyright © 2011-2022 走看看