問題

我正在嘗試儲存資料,但我的頁面在下一頁上使用json訊息重新載入,如何停止重新載入頁面.

Ajax程式碼:

 jQuery(document).ready(function($)  {
    $("#add-data").submit(function (event)  {
event.preventDefault();
        $.ajax({
            type: "POST",
            url: "teachers",
            dataType: 'json',
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            data:  $(this).serialize(),
                success: function (data) {
                    alert("Added");


            },
        });
    });
});
 

提交按鈕:

 <button type="submit"  class="btn btn-secondary btn-lg shadow-lg rounded" value="ADD" id="add-data"> <span class=" fa fa-plus"> </span> ADD</button>
 

儲存控制器:

儲存後工作正常:

 return response()->json([
            'status' => 'success',
            'msg' => 'New esecond has been saved'
        ]);
 

  最佳答案

這是因為你試圖釋出資料來形成。 如果您使用 button type = "submit",它將重定向到某個地方。 您應該避免使用 type = "submit"。 相反,使用type = "button"

 <button type = "button" class="btn btn-secondary btn-lg shadow-lg rounded" value="ADD" id="add-data"> <span class=" fa fa-plus"> </span> ADD</button>
 

並透過使用按鈕的單擊事件來實現它。

然後在jquery中獲取它.

 $("#add-data").click(function (event)  {
    //Your code here 
}
 

  相同標籤的其他問題

ajaxlaravel