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

如何用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 广州

相关推荐
广州华水科技几秒前
GNSS变形监测一体机在大坝安全监测中的应用与优势分析
前端
个 人 练 习 生2 分钟前
C++中的内存管理
开发语言·c++·经验分享·学习
hunteritself8 分钟前
夯爆了!Qoder 狂肝 2 小时,293 个测试全绿,Credits 一分没扣
前端·人工智能·chrome·深度学习·机器学习
Hilaku17 分钟前
为什么前端应该主动去学数据库?
前端·javascript·程序员
朱 欢 庆26 分钟前
el-table 表格组件二次封装
javascript·vue.js·elementui
jingli928 分钟前
本地向量库索引把 C 盘塞爆 48.6G:一次 LanceDB 膨胀排查与根治实录
c语言·开发语言
言乐629 分钟前
Python排名统计折线图
开发语言·python·django·virtualenv·pygame
涛涛ing31 分钟前
2026年,你终于可以在 `<textarea>` 里定位任意字符了
前端
我是小白呀1 小时前
19-Temporal项目实战:将客户开通流程迁移到持久执行架构
java·开发语言·人工智能·架构·workflow
励志不掉头发的内向程序员1 小时前
【从零写一个CAD 02】画完第一条线之后:实体容器、Esc 取消,和按了没反应的键盘
开发语言·c++·qt·学习·系统架构