【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 广州

相关推荐
Wang's Blog2 小时前
Java 项目实战: 交友项目:登录链路回顾与今日任务地图
java·开发语言·状态模式·交友
砚底藏山河3 小时前
python量化:行情数据回溯
java·开发语言·python·金融·maven
今年下半年3 小时前
AI智能体项目实战记录(02):初始化 Python 项目
开发语言·人工智能·python·fastapi
Williamtym3 小时前
PickGo Lab实践:用浏览器、Python和MCP串起机器人搬运仿真
开发语言·python·机器人
DongQiShanRen3 小时前
六根硬件映射(四):归属澄清、两处不一致与卷十一总表
开发语言·人工智能·算法·rust·哈希算法·集成学习
CS创新实验室3 小时前
Python 对象“死“了之后去了哪?——引用计数与分代垃圾回收
开发语言·jvm·python
原则猫3 小时前
UDP 到底怎么实现可靠的
前端
Java后端的Ai之路3 小时前
14、ReactJS - 路由(Router)
前端·react.js·状态模式
持敬chijing3 小时前
白盒测试与代码审计-js登录逆向实战
javascript·网络·安全·web安全·网络安全·网络攻击模型
quantdash_cc3 小时前
Pandas 处理分钟级股票行情:从原始数据清洗到 K 线聚合
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash