小編給大家分享一下layui中如何實(shí)現(xiàn)form表單提交之后重新加載數(shù)據(jù)表格，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)瑞麗,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):18980820575

如下圖，在我們做高級(jí)查詢的時(shí)候需要重新加載數(shù)據(jù)表格   table.reload();

HTML form表單

<p ><img src="/upload/otherpic62/14712.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="請(qǐng)輸入菜單" autocomplete="off" class="layui-input">
  <button id="search" class="layui-btn" lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
 </form>
</div>

JS

$(function () {
 //注意：這里是數(shù)據(jù)表格的加載數(shù)據(jù)，必須寫(xiě)
 layui.use(['table', 'layer', 'form', 'laypage', 'laydate'], function () {
 var table = layui.table //表格
  ,layer = layui.layer //彈層
  ,form = layui.form //form表單
  // ..................
 
 //監(jiān)聽(tīng)提交 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 頁(yè)開(kāi)始
  }
  , where: {//這里傳參 向后臺(tái)
   name: name
   //可傳多個(gè)參數(shù)到后臺(tái)... ，分隔
  }
  , url: '/menu/page'//后臺(tái)做模糊搜索接口路徑
  , method: 'post'
  });
  return false;//false：阻止表單跳轉(zhuǎn) true：表單跳轉(zhuǎn)
 });
 
 });
});

以上是“l(fā)ayui中如何實(shí)現(xiàn)form表單提交之后重新加載數(shù)據(jù)表格”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標(biāo)題：layui中如何實(shí)現(xiàn)form表單提交之后重新加載數(shù)據(jù)表格
鏈接分享：http://chinadenli.net/article42/jeeehc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、ChatGPT、品牌網(wǎng)站制作、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)