【js教程】如何用jq的js方法获取url链接上的参数值？

青茶3602026-01-05 10:58

如何用jq的js获取url链接上的参数值，并把参数值赋值给表单？

比如这个url链接上的参数：

http://127.0.0.1/index.php?s=check&c=order&m=pay&count=2&price=4&type=2

想要获取url里的type参数，如何获取？

下面解答：

代码如下：

javascript 复制代码

<script type="text/javascript">

    // 1. URL参数解析函数：获取指定参数名的值
    function getUrlParam(name) {
        // 匹配URL中?和&后面的参数（兼容hash模式）
        var reg = new RegExp("(^|&|\\?)" + name + "=([^&]*)(&|$)");
        // 获取URL的查询字符串部分（?后面的内容）
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            // 解码URL编码的参数值（防止中文等特殊字符乱码）
            return decodeURIComponent(r[2]);
        }
        // 没有该参数时返回空
        return "";
    }

    //次数
    var count = getUrlParam('count');
    $("input[name='data[count]']").val(count);
    //类型
    var type = getUrlParam('type');
    $("input[name='data[type]']").val(type);
    //金额
    var price = getUrlParam('price');
    $("input[name='data[price]']").val(price);
    
    </script>

效果图如下：

2026.1.4 广州