<p style="text-align: center"><img src="http://files.VeVB.COm/file_images/article/201909/20190911173925.jpg" alt="" /></p><div class="layui-row"> <form class="layui-form layui-col-md12 x-so" id="zq_search">  菜單：<input id="name" type="text" name="name" placeholder="請輸入菜單" autocomplete="off" class="layui-input">  <button id="search" class="layui-btn" lay-submit="" lay-filter="search"><i class="layui-icon"></i></button> </form></div>

$(function () { //注意：這里是數(shù)據(jù)表格的加載數(shù)據(jù)，必須寫 layui.use(['table', 'layer', 'form', 'laypage', 'laydate'], function () { var table = layui.table //表格  ,layer = layui.layer //彈層  ,form = layui.form //form表單  // ..................  //監(jiān)聽提交 lay-filter="search" form.on('submit(search)', function(data){  var formData = data.field;  var name = formData.name,  url=formData.url,  icon=formData.icon,  parent_id=formData.parent_id;  //執(zhí)行重載  table.reload('tableReload', {  page: {   curr: 1 //重新從第 1 頁開始  }  , where: {//這里傳參 向后臺   name: name   //可傳多個參數(shù)到后臺... ，分隔  }  , url: '/menu/page'//后臺做模糊搜索接口路徑  , method: 'post'  });  return false;//false：阻止表單跳轉(zhuǎn) true：表單跳轉(zhuǎn) });  });});