Develop Reference

Javascript Redirect Modal in Laravel

When the user likes a story on the card, users saves it with the "save" button. I do this as a savePost in my .js file. But if the user is not registered I am redirecting as "location.replace(APP_URL + "/login")".
I want to redirect to a modal on the homepage instead of /login. Is it possible for me to do this as a session or something?
function savePost(t) {
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
}
});
$(this);
$.ajax({
url: APP_URL + "/save_favorite",
type: "POST",
dataType: "json",
data: {
item: t,
_token: $('meta[name="csrf-token"]').attr("content")
},
success: function(e) {
1 == e.bool ? $("#save-icon-" + t).removeClass("text-muted").addClass("icon-filled") : 0 == e.bool && $("#save-icon-" + t).removeClass("icon-filled").addClass("text-muted")
},
error: function(e) {
location.replace(APP_URL + "/login")
}
})
}

Your current JS:
function savePost(t) {
$.ajaxSetup({
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")
}
});
$(this);
$.ajax({
url: APP_URL + "/save_favorite",
type: "POST",
dataType: "json",
data: {
item: t,
_token: $('meta[name="csrf-token"]').attr("content")
},
success: function(e) {
1 == e.bool ? $("#save-icon-" + t).removeClass("text-muted").addClass("icon-filled") : 0 == e.bool && $("#save-icon-" + t).removeClass("icon-filled").addClass("text-muted")
},
error: function(e) {
location.replace(APP_URL + "/targetPage?showModal=1")
}
})
}
At the end of your target page add:
#if(isset($_GET['showModal']) && $_GET['showModal'] == 1)
<script type='text/javascript'>
$(window).on('load', function() {
$('#your modal id').modal('show');
});
</script>
#endif
In your routes/web.php add this:
Route::get('/', function () {
if(Auth::guest()){
return view('target.page');
} else {
return redirect('/somewhere');
}
});

Success event in jquery ajax is not working

I'm trying to get success event but it works only for error: event Don't know what is error.
$(document).ready(function() {
$.ajax({
type: "POST",
url: "http://localhost/Register/intl-tel-input-master/next.php",
data: {
arguments: [fname, lname, email, Numb, pass, confirm]
},
dataType: 'JSON',
complete: function(data) {
if (('error' in data)) {
this_form.find('.error-message').slideDown();
} else {
alert(data);
this_form.find('.sent-message').slideDown();
}
}
});
// return false;
});

Try to check response using done/fail:
$(document).ready(function() {
$.ajax({
type: "POST",
url: "http://localhost/Register/intl-tel-input-master/next.php",
data: {
arguments: [fname, lname, email, Numb, pass, confirm]
},
dataType: 'JSON',
})
.done((res) => {
console.log(res)
})
.fail((res) => {
console.log(res)
})
});

call another function in button click just return empty

I want to call a function to count the items in the cart. I put that function in AJAX when I click the add to cart button. The result of add to cart process is 'success' but count_item() doesn't return anything, or it only an empty page. What's wrong with my code?
$(document).ready(function() {
/* add product to cart */
$(document).on('click', '.btn-addto-cart', function() {
var id = $(this).attr('id');
var productname = $('#name' + id).val();
var productprice = $('#price' + id).val();
var quantity = $('#quantity' + id).val();
if (quantity > 0) {
$.ajax({
url: "{{ url('shop/addtocart') }}",
method: "POST",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
},
delay: 5000,
data: {
productid: id,
name: productname,
price: productprice,
quantity: quantity,
},
success: function(data) {
count_item();
swal("Success", "Product success added to cart", "success");
}
});
} else {
swal("Warning", "Minimum add to cart must be 1", "error");
}
});
/* to get total item in cart */
function count_item() {
$.ajax({
url: "{{ url('shop/counttotalitem') }}",
method: "GET",
header: {
'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
},
delay: 5000,
dataType: "json",
success: function(data) {
console.log(data);
}
});
}
});

How to prevent refetchEvents() from switching to current day/week/month?

I add the event to fullcalendar somewhere in far future. after that I refetchEvents() to have it displayed. Unfortunately fullcalendar goes back to current day, week or month and do not stay in edited day, week or month.
Is there any way to prevent it? Thanks.
I am not sure if that will be sufficient part of code:
if (deleteEvent){
$.ajax({
type: 'POST',
url: 'reservation-delete.php',
data: {
id: eventId
},
success: function (feedbackJsonString){
const feedbackJson = JSON.parse(feedbackJsonString);
calendar.refetchEvents();
}
});
} else {
if (eventId == 0) {
$.ajax({
type: 'POST',
url: 'reservation-add.php',
data: {
id: eventId,
start: eventStartDateTime,
end: eventEndDateTime,
title: eventTitle
},
success: function (feedbackJsonString){
const feedbackJson = JSON.parse(feedbackJsonString);
calendar.refetchEvents();
}
});
} else {
$.ajax({
type: 'POST',
url: 'reservation-edit.php',
data: {
id: eventId,
start: eventStartDateTime,
end: eventEndDateTime,
title: eventTitle
},
success: function (feedbackJsonString){
const feedbackJson = JSON.parse(feedbackJsonString);
calendar.refetchEvents();
}
});
}
}
If some specific part of code would be needed pls let me know.

jQuery var doesn't change

I have an AJAX registration form:
var id = null;
$.ajax({
type: 'POST',
url: requestUrl,
data: $(".defaultRequest").serialize(),
dataType: 'json',
success: function(data) {
if(data.response){
$('div.errormsg').remove();
if(data.step){
openStep(data.step);
}else{
openStep('next');
}
}else{
$('div.errormsg').remove();
$('<div class="errormsg">'+data.message+"</div>").insertBefore(form);
}
}
});
When a user is successful registered, I want to show him his unique ID, but it stays NULL. How can I solve it?
<script type="text/javascript">
$('#linkkk').text('Your id is: '+id+'');
</script>

you need to set id first in success callback.
$.ajax({
type: 'POST',
url: requestUrl,
data: $(".defaultRequest").serialize(),
dataType: 'json',
success: function(data) {
if(data.response){
$('div.errormsg').remove();
if (data.step) {
openStep(data.step);
} else {
openStep('next');
}
$('#linkkk').text('Your id is: ' + data.id);
} else {
$('div.errormsg').remove();
$('<div class="errormsg">'+data.message+"</div>").insertBefore(form);
}
}
});