怎么用Thinkphp+layer+ajax完成增加功能方法

本篇內(nèi)容主要講解“怎么用Thinkphp+layer+ajax完成增加方法”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“怎么用Thinkphp+layer+ajax完成增加方法”吧!

成都創(chuàng)新互聯(lián)專業(yè)提供成都主機(jī)托管四川主機(jī)托管成都服務(wù)器托管四川服務(wù)器托管，支持按月付款！我們的承諾：貴族品質(zhì)、平民價(jià)格，機(jī)房位于中國(guó)電信/網(wǎng)通/移動(dòng)機(jī)房，遂寧服務(wù)器托管服務(wù)有保障！

Thinkphp結(jié)合layer彈窗加ajax完成增加方法

給每個(gè)input框綁定id就行了
這是前端頁(yè)面

<!DOCTYPE html><html>
  
  <head>{include file="public/head" title="頂部開始" /}
    <!-- 讓IE8/9支持媒體查詢，從而兼容柵格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <p class="x-body layui-anim layui-anim-up">
    <form action="" method="post" class="layui-form">
      <p class="layui-form-item">
          <label for="L_email" class="layui-form-label">
              <span class="x-red">*</span>管理員名稱          </label>
          <p class="layui-input-inline">
              <input type="text"  name="name" class="layui-input" id="name">//綁定ld
          </p>
          <p class="layui-form-mid layui-word-aux">
          </p>
      </p>
      <p class="layui-form-item">
          <label for="L_username" class="layui-form-label">
              <span class="x-red">*</span>手機(jī)號(hào)碼          </label>
          <p class="layui-input-inline">
              <input type="text"  name="phone" class="layui-input" id="phone">//綁定ld
          </p>
      </p>
      <p class="layui-form-item">
        <label class="layui-form-label"><span class="x-red">*</span>請(qǐng)選擇權(quán)限</label>
        <p class="layui-input-block" style="width:34%;">
          <select name="type" lay-verify="required" id="type">
            <option value=""></option>
            <option value="1">超級(jí)管理員</option>
            <option value="0">普通操作員</option>
          </select>
        </p>
      </p>          
      <p class="layui-form-item">
          <label for="L_pass" class="layui-form-label">
              <span class="x-red">*</span>密碼          </label>
          <p class="layui-input-inline">
              <input type="password"  name="pass" class="layui-input" id="pass">//綁定ld
          </p>
          <p class="layui-form-mid layui-word-aux">
              6到16個(gè)字符          </p>
      </p>
      <p class="layui-form-item">
          <label for="L_repass" class="layui-form-label">
              <span class="x-red">*</span>確認(rèn)密碼          </label>
          <p class="layui-input-inline">
              <input type="password"  name="pass" class="layui-input" id="pass2">
          </p>
      </p>
       <p class="layui-form-item" >
          <label class="layui-form-label"><span class="x-red">*</span>性別</label>
          <p class="layui-input-block"  >
            <input type="radio" name="sex" value="1" title="男"  id="sex" checked="">//綁定ld
            <input type="radio" name="sex" value="2" title="女" id="sex">//綁定ld
          </p>
        </p>       
      <p class="layui-form-item">
          <label for="L_repass" class="layui-form-label">
          </label>
          <a href="javascript:;" id='confirm' class="layui-btn" >立即提交</a>//綁定事件，觸發(fā)confirm方法
      </p>
  </form></p><script>$("#confirm").click(function(){
    var name   = $.trim($('#name').val());
    var phone  = $.trim($('#phone').val()); 
    var type  = $.trim($('#type').val()); 
    var pass  = $.trim($('#pass').val()); 										//先var
    var pass2  = $.trim($('#pass2').val()); 
    var sex  = $.trim($('#sex').val()); 
    var index=parent.layer.getFrameIndex(window.name);  
  
    if(name==''){
        layer.msg('請(qǐng)輸入管理員名稱', {icon: 0});
        return false;
    }
    if(phone==''){
        layer.msg('請(qǐng)輸入手機(jī)號(hào)碼', {icon: 0});
        return false;
    }
    if(type==''){
        layer.msg('請(qǐng)選擇權(quán)限', {icon: 0});
        return false;
    }
    if(pass==''){
        layer.msg('請(qǐng)輸入密碼', {icon: 0});
        return false;
    }    
    if(pass!=pass2){
      layer.msg('兩次密碼不一致', {icon: 0});
      $('#pass').val("").focus(); 
      $('#pass2').val("").focus();
      return false;
    } 

    $.ajax({
            url:"{:url('user_add')}",  //這里跳到后臺(tái)控制器
            data:{name:name,phone:phone,type:type,pass:pass,sex:sex},  //注意這里一一對(duì)應(yīng)要傳的參數(shù)
            type:"POST",
            success: function(data){
                if (data.status==1) {
                  layer.msg('添加成功！',{time:1000,icon: 1},function(){
                    window.parent.location.reload();
                    parent.layer.close(index);     //添加成功之后銷毀當(dāng)前彈窗
                  })   

                }else{
                    layer.msg(data.info,{time:2000,icon: data.status});
                }
            }
        });   
    });</script>

  </body></html>

這里是控制器部分

    public function user_add(){
       $time = time();
       if(Request::instance()->isAjax()){
           $name=Db::table('shop_admin')->where(['name'=>input('post.name')])->count();
           if($name >=1){
               return json(["info"=>"該用戶名已被占用!","status"=>0]);
           }
           $res = Db::table('shop_admin')->
           insert([
                   'name'=>input('post.name'),
                   'phone'=>input('post.phone'),
                   'type'=>input('post.type'),
                   'password'=>md5(input('post.pass')),
                   'sex'=>input('post.sex'),
                   'time'=> $time                   ]);
           if($res){
               return json(["info"=>"添加成功！","status"=>1,"url"=>url('user/index')]);
           }else{
               return json(["info"=>"注冊(cè)失敗!","status"=>5]);
           }
       }
   }

到此，相信大家對(duì)“怎么用Thinkphp+layer+ajax完成增加方法”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

本文標(biāo)題：怎么用Thinkphp+layer+ajax完成增加功能方法
本文路徑：http://muchs.cn/article34/iidsse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、服務(wù)器托管、標(biāo)簽優(yōu)化、小程序開發(fā)、搜索引擎優(yōu)化、品牌網(wǎng)站建設(shè)

聲明：本網(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)

猜你還喜歡下面的內(nèi)容