传入参数，页面截取参数

最新推荐文章于 2025-05-07 13:38:15 发布

W_a_n_g_X_

最新推荐文章于 2025-05-07 13:38:15 发布

阅读量170

点赞数 1

文章标签： java js html

本文链接：https://blog.youkuaiyun.com/W_a_n_g_X_/article/details/105224975

版权

本文介绍了一种从URL中获取参数的方法，并演示了如何在前端JavaScript中使用这些参数进行页面初始化和动态功能调用。具体包括：1. 通过自定义函数getParameter从URL中解析特定参数；2. 使用jQuery操作DOM元素，将获取到的参数值赋给隐藏输入框；3. 定义函数addItem，调用后端API进行数据添加操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<li>
	<input type="hidden" name="invoiceId" id="getId" onkeyup="this.value=this.value.replace(/\s+/g,'')"/>
</li>
<script th:inline="javascript">
//获取参数
        var getId=getParameter("invoiceId");
        //搜索条件添加
        $("#getId").val(getId);
        
        //截取参数
        function getParameter(variable)
        {
               var query = window.location.search.substring(1);
               var vars = query.split("&");
               for (var i=0;i<vars.length;i++) {
                       var pair = vars[i].split("=");
                       if(pair[0] == variable){return pair[1];}
               }
               return(false);
        }
        
        //添加明细
        function addItem(){
        	$.operate.add(getId);
        }
</script>
</body>