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

相关推荐
KhalilRuan几秒前
UnityCsReference——笔记
java·开发语言·笔记
颜进强几秒前
07 - OpenSpec change 修正带与照单施工:update 修订 + apply 实现
前端·后端·ai编程
电子云与长程纠缠2 分钟前
UE5 Lyra PocketWorld进行3D内容UI预览 - 上
开发语言·学习·3d·ue5·游戏引擎
京东云开发者11 分钟前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手【最终版】
前端·vue.js·音视频开发
码农大叔的博客13 分钟前
golang示例:for九九乘法表
开发语言·算法·golang
12.=0.23 分钟前
【REVIEW_C】【持续更新】
服务器·前端·javascript
Vuji23 分钟前
Pi 插件解剖|todo.ts:297 行,拼出工具+命令+状态的完整插件
前端·agent
明月_清风28 分钟前
开发者写PPT自救指南:4类对接场景,把技术讲清楚
前端·后端·面试
探索前端28 分钟前
3dtiles加载时被地形遮挡问题研究及处理思路
前端·3d·cesium
Htr_36 分钟前
Vercel 使用指南:框架、工作流与基础设施一体化的现代 Web 部署平台
前端