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

相关推荐
志尊宝12 分钟前
Vue3 零基础每日笔记(005):ref 响应式基础——为什么 script 里要 .value
前端·javascript·vue.js·笔记
海鸥两三18 分钟前
Mac电脑使用 Tabby 部署前端项目到阿里云服务器完整教程
前端·macos·阿里云
xiancai_xianyu22 分钟前
想把数据模型一次建完美再上AI?会一直卡在建模里
开发语言·人工智能·php·数据模型·语义层·本体建模·企业知识网络
console.log('npc')25 分钟前
2026 实测:Grok 4.5 与 Grok 4.6 怎么选?前端开发、教程写作、Figma 还原选型指南
前端·大模型·ai编程·figma·grok
(Charon)37 分钟前
【C++】网络缓冲区设计(二):Ring Buffer环形缓冲区、head/tail与跨界读写
开发语言·c++
yyt36304584140 分钟前
一次鼠标交互触发两次 Vue flushJobs:把高频交互从 VDOM 里拆出来
前端·vue.js·计算机外设
YUJIANYUE1 小时前
查立得万用查分安卓版(web环境+查询系统免安装单文件一键运行包)
android·前端
Java后端的Ai之路1 小时前
LangChain Deep Agents 从入门到企业实战
开发语言·人工智能·python·langchain·deepagents
会飞的拖把1 小时前
Python文件操作详解:从文件读写到os、shutil模块实战
开发语言·python
RS迷途小书童1 小时前
Python 解析大疆无人机 SRT 字幕日志
开发语言·python·无人机