getting undefined value of coupon from data base? - php

Question

I getting undefined value when I try to get the value of coupon from coupons table from my DB but when I get the value of percentage or price it comes correct the code is written in ajax as I am new to ajax help me solve this problem.
(function() {
var path = "{{ route('validate.coupon') }}";
$('.reserve-button').click(function() {
var coupon_number = $('.coupon-number').val();
var org_price = parseInt($('#amount').val());
//alert(coupon_number);
if (coupon_number == '') {
alert("Please Enter Coupon Number");
} else {
$.ajax({
url: path,
data: {
"coupon_number": coupon_number
},
type: 'get',
success: function(result) {
if (result.percentage == 0 && result.price == 0) {
alert('Sorry Coupon Not Exists');
} else {
$("input[name='coupon']").prop('disabled', true);
$("#btn-apply-now").remove()
var disc = org_price * (result.percentage / 100.0) + result.price;
var new_price = org_price - disc;
$('.price').html('$' + new_price);
// $('#amount').val(new_price);
$('#coupon-number').val(coupon_number);
alert('!!__ Congratulations you got ' + result.percentage + '% and ' + result.price + '$ discount __!!');
$('#price_detail').append('<li class="item clearfix"><div class="title">Discount</div><span>$' + disc + '</span></li>')
}
}
});
}
});
})();

Answer 1

Based on your description, you get the percentage, price from coupon code input and using ajax select the db.
What you need is return the json from sql response like this:
Press F12 -> Console log to check the result.
You can check in jsfiddle
var coupon = 'asd';
$.ajax({
url : "https://api.myjson.com/bins/95yl8",
type: "get",
dataType: 'json',
data: {coupon_code: coupon},
success: function(res)
{
console.log('all result', res);
console.log('percentage', res['data']['percentage']);
},
error:function(x,e) {
if(e=='parsererror') {
alert('Error.\nParsing JSON Request failed.');
} else if(e=='timeout'){
alert('Request Time out.');
} else {
alert('Unknow Error.\n'+x.responseText);
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>