I have used jquery to fetch JSON data. But it goes wrong. I have checked everything but did not find any solution. If I want to print any data it prints around 6-7 times. But It only should show one time.
Web Inspect to see the console
$(document).ready(function() {
$('div').on("click", 'a', function() {
var i = 0;
var delivery_id = $(this).attr("id");
$.ajax({
url: "http://localhost:8888/dashboard/fetch_edit.php",
method: "POST",
data: { user_id: user_id },
data: { tracking_id: tracking_id },
data: { email: email },
data: { phone: phone },
data: { company_name: company_name },
data: { com_email: com_email },
data: { company_phone: company_phone },
data: { company_address: company_address },
data: { delivery_type: delivery_type },
data: { packing: packing },
data: { product_weight: product_weight },
data: { preferred_time: preferred_time },
data: { delivery_charge: delivery_charge },
data: { customer_name: customer_name },
data: { to_phone: to_phone },
data: { to_address1: to_address1 },
data: { to_zone: to_zone },
data: { to_post_code: to_post_code },
data: { u_status: u_status },
data: { notes: notes },
data: { delivery_id: delivery_id },
dataType: "json",
success: function(data) { //I have checked with chrome debugger. For this line loop is running.
console.log(i);
$('#delivery_id').val(delivery_id);
console.log(delivery_id);
$('#user_id').val(data.user_id);
$('#tracking_id').val(data.tracking_id);
$('#email').val(data.email);
$('#phone').val(data.phone);
$('#company_name').val(data.company_name);
$('#com_email').val(data.com_email);
$('#company_phone').val(data.company_phone);
$('#company_address').val(data.company_address);
$('#delivery_type').val(data.delivery_type);
$('#packing').val(data.packing);
$('#product_weight').val(data.product_weight);
$('#preferred_time').val(data.preferred_time);
$('#delivery_charge').val(data.delivery_charge);
$('#customer_name').val(data.customer_name);
$('#to_phone').val(data.to_phone);
$('#to_address1').val(data.to_address1);
$('#to_zone').val(data.to_zone);
$('#to_post_code').val(data.to_post_code);
$('#u_status option[value="' + data.u_status.toLowerCase() + '"]').prop('selected', true);
$('#notes').val(data.notes);
console.log(data.notes);
console.log(JSON.stringify(data.products));
}
});
});
});
This is the response of the AJAX request:
{
"id": "2",
"send_id": "10",
"tracking_id": "TI-000000010",
"user_id": "10",
"username": "istiaqahmed",
"email": "[email protected]",
"phone": "0176430886",
"company_name": "EVALY.COM.BD",
"company_phone": "01747588386",
"company_address": "Dhanmondi 28",
"com_email": "[email protected]",
"delivery_type": "Standard",
"packing": "regular",
"product_weight": "1",
"preferred_time": "morning",
"delivery_charge": "60",
"customer_name": "Zenith Jhony",
"to_address1": "75\/1 Jafrabad Pulpar Pabna House Goli",
"to_phone": "01776065208",
"to_zone": "Dhaka",
"to_post_code": "1207",
"date": "2020-01-09 23:26:10",
"u_status": "Approve",
"notes": "note",
"products": [{
"product_id": "1",
"product_name": "shampoo",
"product_quantity": "2",
"product_price": "2333",
"customer_send_id": "10"
}, {
"product_id": "2",
"product_name": "assf",
"product_quantity": "1",
"product_price": "232",
"customer_send_id": "10"
}]
}
Tags: ajax, exception, java, javascriptjavascript, oop