問題

私はデータを保存するためにtriyngですが、私のページは次のページで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