Laravel ajax insert single record

Laravel ajax insert single record

<center>

<!-- The Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Add Bags</h4>
<button type="button" class="btn btn-close btn-light" data-bs-dismiss="modal">&#10060;</button>
</div>

<!-- Modal body -->
<div class="modal-body">

<label for="title">Title</label>
<input type="text" id="title" class="form-control" value="bag for mumbai" /><br/>

<label for="Address">Address</label>
<textarea id="textarea" class="form-control"></textarea><br/>

</div>

<!-- Modal footer -->
<div class="modal-footer">
<button type="button" id="closebtn" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-success" id="submit">Save</button>
</div>

</div>
</div>
</div>




<!-- model for success msg -->

<div class="modal" id="myModalmsg">
<div class="modal-dialog">
<div class="modal-content">

<!-- Modal Header -->
<div class="modal-header">
</div>

<!-- Modal body -->
<div class="modal-body">

<div class="success_boxs" style="">
<button class="btn btn-light" data-bs-dismiss="modal" style="float:right; background:white">&#10060;</button>

<center>
<div><img src="{{ asset('images/successIcon.png') }}" /></div><br/>
<h5>Data Saved Successfully !</h5></center>

</div>

</div>

<!-- Modal footer -->
<div class="modal-footer">

</div>

</div>
</div>
</div>
<button class="btn btn-success" data-bs-toggle="modal" id="msgmodel" data-bs-target="#myModalmsg" style="visibility:hidden">Add Bags</button>

<!-- success model end -->




<style>

.success_box{
display:none;
}

</style>




<script>

$(document).ready(function(){

let submit_bag = "{{route('add_bags')}}";

$('#cross').click(function(){
$('.success_box').hide();
});

$('#submit').click(function(ev){

let bag_title = $('#title').val();
let textarea = $('#textarea').val();

$.ajax({

type: 'POST',
url: submit_bag,
data: {bag_title: bag_title, address: textarea, _token: '{{csrf_token()}}'},
success: function(data){

if(data == 200){

$('#closebtn').trigger('click');
$('#msgmodel').trigger('click');

}

}

});

});

});

</script>




<?php  // controller

function add_bags(Request $req){
$title = $req->bag_title;
$address = $req->address;

$query = DB::table('bags')->insert([

'title' => $title,
'address' => $address

]);

if($query){
echo 200;
}

}




?>

Leave a Reply