【js】获取url参数

来源：互联网发布：mmd极乐净土音乐数据编辑：程序博客网时间：2024/05/20 12:23

1.所处环境条件：

url 地址为：http://127.0.0.1/index.php/home/type/updata.html?id=35

2.所需函数：

function getUrlParam(name) {            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象            var r = window.location.search.substr(1).match(reg);  //匹配目标参数            if (r != null) return unescape(r[2]); return null; //返回参数值        }

3.详解（回家在写）：

4.页面代码：

<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>类别管理</title><meta name="description" content=""><meta name="keywords" content=""><link href="" rel="stylesheet"><!-- js --><script type="text/javascript" src="__PUBLIC__/Home/js/jquery-3.1.0.min.js"></script><script type="text/javascript" src="__PUBLIC__/Home/js/layer.js"></script><script type="text/javascript" src="__PUBLIC__/Home/js/jquery.cookie.js"></script><script type="text/javascript" src="__PUBLIC__/Home/js/bootstrap.js"></script><!-- css --><link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap.min.css"></head><style type="text/css">      body{      background-color: #f8f8f8;      }.headercontainer{background-color: #f8f8f8;border-bottom: 1px solid #e7e7e7;}.headercontainer div{font-size: 18px;font-weight: normal;line-height: 20px;word-spacing: 0px;height: 50px;width: 156px ;padding: 15px 15px 15px 15px;}li{list-style-type:none;}.li_head li{height: 40px;width: 250px;padding: 10px 15px 10px 15px;text-align: left;position: relative;display: block;border-bottom: 1px solid #e7e7e7;width: 100%;}.h1-content h1{border-bottom: 1px solid #e7e7e7;margin: 40px 0px 20px 0px}button{font-family: Arial,Helvetica,sans-serif;font-size: 14px;text-align: center;white-space: pre;box-shadow: rgba(0,0,0,0,2)0px 1px 2px 0px;height: 42px;width: 78px;border:1px solid #ffffff;border-radius: 7px}.button{  line-height:29px;height:29px;width:76px;color:#ffffff;background-color:#3ba354;font-size:17px;font-weight:normal;font-family:Arial;border:2px solid #dcdcdc;-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;border-bottom-right-radius:8px;-moz-box-shadow: inset 0px 0px 8px -1px #31c717;-webkit-box-shadow: inset 0px 0px 8px -1px #31c717;box-shadow: inset 0px 0px 8px -1px #31c717;text-align:center;display:inline-block;text-decoration:none;}.button:hover {background-color:#1c9439;}.boder-bottom{border-bottom: 1px solid #e7e7e7;padding: 15px 15px 15px 15px}/*输入框*/input{margin-left: 60px;}/*类别*/.Type{margin-top: 10px;}.type-content{background-color: }.type-content-head{background-color: #ffffff;}.type-content p{display: inline;margin-left: 10%;}.type-content-head p{display: inline;margin-left: 8%;}.float-right{float: right;display: inline;}.maigin-left{margin-left:10%;}/*内容颜色*/.type-content-color div a{background-color: #f8f8f8;}</style><body>        <div class="container-fluid headercontainer" style="height:10%">    <div>    <a href="{:U('/home/index')}">    知识库管理系统    </a>    </div>    </div>    <div class="col-md-2 li_head" style=" ">    <div class="row">    <ul style="padding-left: 0px">    <li>                            <a href="{:U('/Home/Modular')}"><i class="fa fa-dashboard fa-fw"></i> 模块管理</a>                        </li>                        <li>                            <a href="{:U('/Home/type')}"><i class="fa fa-dashboard fa-fw"></i> 类别管理</a>                        </li>                        <li>                            <a href="{:U('/Home/Knowledge')}"><i class="fa fa-dashboard fa-fw"></i> 知识表管理</a>                        </li>                        <li>                            <a href="{:U('/Home/user')}"><i class="fa fa-dashboard fa-fw"></i> 用户管理</a>                        </li>                        <li>                            <a href="{:U('/Home/role')}"><i class="fa fa-dashboard fa-fw"></i> 角色管理</a>                        </li>    </ul>    </div>        </div>    <div class="col-md-10 h1-content" style="border-left: 1px solid #e7e7e7;background-color:#ffffff">    <div class="col-lg-4 col-lg-offset-3 "><div class="col-lg-12">            <div class="page-header">              <h1 id="forms">类型添加</h1>            </div>          </div></div> <div class="col-lg-4 col-lg-offset-3 "><div class="form-group">  <label class="control-label" for="focusedInput">类别编号</label>  <input class="form-control col-sm-offset-1" id="typecode" type="text" placeholder="类别编号(5位数字字母)" value="{$list.category_code}"></div><div class="form-group">  <label class="control-label" for="focusedInput">类别名称</label>  <input class="form-control col-sm-offset-1" id="typename" type="text" placeholder="类别名称(2-4位汉字)" value="{$list.category_name}"></div><div class="form-group">  <label class="control-label" for="focusedInput">父级id</label>  <input class="form-control col-sm-offset-1" id="fatherid" type="text" placeholder="父级id(5位数字)" value="{$list.father_id}"></div><div class="form-group">  <label class="control-label" for="focusedInput">全称</label>  <input class="form-control col-sm-offset-1" id="fullname" type="text" placeholder="全称(2-10位汉字)" value="{$list.category_nameall}"></div><div class="form-group">      <label for="select" class=" control-label">级别</label>      <div>        <select class="form-control col-sm-offset-1" id="leves">          <option>1</option>             <option>2</option>           <option>3</option>           <option>4</option>           <option>5</option>                          </select>      </div>              </div><div class="form-group">      <label for="select" class=" control-label">是否可用</label>      <div>        <select class="form-control col-sm-offset-1" id="isuse">          <option>是</option>             <option>否</option>                          </select>      </div>              </div><div class="form-group">      <div class="col-lg-10 col-lg-offset-2">        <button type="submit" id="addtype" class="btn btn-primary" onclick="">提交</button>      </div></div></div></div></body><script type="text/javascript">$('#addtype').click(function(){var id =getUrlParam('id');var code=$('#typecode').val();var name=$('#typename').val();var fatherid=$('#fatherid').val();var fullname=$('#fullname').val();var levels=$('#leves').val();var isuse=$('#isuse').val();if(isuse=='是'){isuse=1;}else{isuse=0;}if(!/^[0-9a-zA-Z]{5,5}$/.test(code)){layer.tips('请输入5位数字或字母编号','#typecode',{tips:3});return false;}if(!/^[\u4e00-\u9fa5]{2,4}$/.test(name)){layer.tips('请输入2-4位汉字','#typename',{tips:3});return false;}if(!/^[0-9a-zA-Z]{5,5}$/.test(fatherid)){layer.tips('请输入5为父级ID','#fatherid',{tips:3});return false;}if(!/^[\u4e00-\u9fa5]{2,10}$/.test(fullname)){layer.tips('请输入大于2位少于10位全称','#fullname',{tips:3});return false;}$.post("{:U('/home/type/updatatype')}",{id:id,code:code,name:name,fatherid:fatherid,levels:levels,isuse:isuse},function(data){if(data.status==1){layer.msg(data.info,{icon:1});window.location.href="{:U('/home/type/index')}";}else{layer.msg(data.info,{icon:2});window.location.href="{:U('/home/type/index')}";};},'json');}); function getUrlParam(name) {            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象            var r = window.location.search.substr(1).match(reg);  //匹配目标参数            if (r != null) return unescape(r[2]); return null; //返回参数值        }</script></html>

0 0