【发布时间】:2021-11-15 07:34:25
【问题描述】:
在我的 ajax 响应中,我得到了这个值:
orderDetail: Array(1)
0:
area_name: "Barisal Sadar"
city_name: "Barisal"
email: "namixypi@mailinator.com"
fname: "Ivana"
id: 6
lname: "Rocha"
message: null
pay_type: "Bkash"
phone: "017845698532"
pick_up_date: "2021-09-21"
pick_up_time: null
required_services: "1,2,3"
[[Prototype]]: Object
length: 1
[[Prototype]]: Array(0)
当我将 required_services 值插入数据库时,我有三个复选框,我将其作为字符串发送。现在我需要获取数据并按名称显示它们。其中 1 个用于熨斗,2 个用于干洗,3 个用于洗涤。我使用的是 Ajax。如何使用 Ajax 按名称显示它们。
我的 Ajax 代码:
$(document).on('click', '#viewOrder', function(e) {
e.preventDefault();
let orderId = $(this).val();
// alert(orderId);
$.ajax({
type: "GET",
url: "/getOrder/" + orderId,
success: function(response) {
console.log(response);
$('#orderTablemodal tbody').html('');
$.each(response.orderDetail, function(key, item) {
$('#orderTablemodal tbody').append(
'<tr>\
<td><b>Customer Phone No.</b></td>\
<td>'+item.phone+'</td>\
</tr>\
<tr>\
<td><b>Customer Name: </b> </td>\
<td>' + item.fname +' '+item.lname+'</td>\
</tr>\
<tr>\
<td><b>E-mail: </b> </td>\
<td>' + item.email +'</td>\
</tr>\
<tr>\
<td><b>Location: </b></td>\
<td>'+item.area_name+', '+item.city_name+'</td>\
</tr>\
<tr>\
<td><b>Services :</b> </td>\
<td>Iron*** Here I need to show my services name ****</td>\
</tr>\
<tr>\
<td><b>Pay type: </b> </td>\
<td>' + item.pay_type +'</td>\
</tr>');
});
}
});
});
【问题讨论】: