背景:就是前端输入一个id,然后传到后端去查数据库里面相应id的记录
html:
1 <div class="col-xs-4 col-sm-1 text-right " style="margin-top:5px"><span>邮箱ID</span></div> 2 <div class="col-xs-6 col-sm-2 nopadding-right" style="padding-bottom:10px" > 3 <input type="text" id = "emailId" name="id" class="input-sm col-xs-12" placeholder="输入要查询的邮箱ID"> 4 </div>
1 <button type="button" id="find_btn" class="btn btn-success btn-xs"> 2 <span class="ace-icon glyphicon glyphicon-ok"></span> 查询 3 </button>
JS:
1 $(function(){ 2 $("#find_btn").click(function(){ 3 4 $("#grid-table").jqGrid('setGridParam',{ 5 url:"${contextPath}/xiaoyuanemail/find.json", 6 //方式一 7 postData:{'id':$("#id").val()}, //发送数据 也可以 8 //方式二: 9 //postData:{'id':$("#emailId").val()}, //发送数据 10 page:1 11 }).trigger("reloadGrid"); //重新载入 12 }); 13 });