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

相关推荐
OpenTiny社区19 分钟前
Loop Engineering:让 AI Agent 自己跑起来的工程方法
前端·github
wanderist.35 分钟前
Lambda表达式在算法竞赛中的应用
java·开发语言·算法
IT_陈寒39 分钟前
SpringBoot自动配置坑了我一周,原来问题这么蠢!
前端·人工智能·后端
kyriewen1 小时前
我review了一份Vibe Coding写的前端代码——能跑,但5个地方迟早要命
前端·javascript·ai编程
海天鹰2 小时前
PHP上传文件
android·开发语言·php
REDcker2 小时前
Cesium三维WebGIS入门详解
前端·gis·web·cesium·webgis
0暗影流光02 小时前
十倍效能提升——Web 基础研发体系的建立
前端
前端一课2 小时前
用Agent Skill重构代码:300行缩至30行的实战教程
前端
腻害兔2 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:IM 即时通讯模块,一个被低估的「全功能聊天系统」
java·前端·vue.js·产品经理·ai编程
奎叔2 小时前
Flutter 异常处理体系:从捕获、转换到恢复
前端