前端通过form表单构造带参数url

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>

<div class="col-lg-3">
source
<select name="source"> <option value="">---------</option> <option value="0">Baidu商桥</option> <option value="1">51CTO</option> <option value="2">QQ群</option> <option value="3">知乎</option> <option value="4">SOGO</option> <option value="5">转介绍</option> <option value="6">其他</option> </select>
</div>
<div class="col-lg-3">
status
<select name="status"> <option value="">---------</option> <option value="0">已报名</option> <option value="1">未报名</option> <option value="2">已退学</option> </select>
</div>
<div class="col-lg-3">
consultant
<select name="consultant"> <option value="">---------</option> <option value="1">root</option> </select>
</div>
<div class="col-lg-3">
date
<select name="date"> <option value="2018-05-23">今天</option> <option value="2018-05-22">昨天</option> <option value="2018-05-16">近7天</option> <option value="2018-05-16">近30天</option> </select>
</div>
<input type="submit" class="btn btn-success" value="过滤">
</form>
</body>
</html>


1、form表单没有定义method方法,默认为get
2、该页面,点击过滤按钮,提交表单,url变为:
页面的url/?source=&status=&consultant=&date__lt=2018-05-22

猜你喜欢

转载自www.cnblogs.com/yoyo008/p/9076076.html