如何修复模态不是功能?

时间:2019-11-01 03:33:09

标签: jquery laravel bootstrap-4 bootstrap-modal

我很确定我已经以正确的方式对.js文件进行了排序,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

然后我这样称呼模态

$("#save").click(function(){
      $.ajax({
        url : "{{url('modul/store/')}}",
        type : "post",
        data : $('#form-modul').serialize(),
        success : function(){
          $('#modal-modul').modal('hide');
          table.ajax.reload();
        },
      })
    })

本地 php中工作正常,但是在我使用 laravel 之后,该错误就会出现。 有帮助或建议吗?

2 个答案:

答案 0 :(得分:0)

您可以尝试这种方式

 $.ajax({
               type:'POST',
               url:'/getstore',
               data:'_token = <?php echo csrf_token() ?>',
               success:function(data) {
                 console.log("it is successed");
                  $("#msg").html(data.msg);
                  $('#modal-modul').modal('hide');

               }
            });

在app / Http / routes.php中添加以下行。

Route::post('/getstore','AjaxController@index');

在此路径下创建AjaxController.php app / Http / Controllers /

AjaxController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;

class AjaxController extends Controller {
   public function index() {
      $msg = "This is a simple message.";
      return response()->json(array('msg'=> $msg), 200);
   }
}

答案 1 :(得分:0)

尝试使用CSS隐藏模式。

$("#modal-modul").css("display", "none");