How do I use a variable to make the following code reusable? Can I embed a variable in a template literal variable?
I am getting an object from the endpoint and I want to access object.CategoryName
here is my current code
export default function getCategoryAll(url, appendId, dataTitle, dataBody) {
return $.ajax({
url: url,
type: 'GET',
data: {
},
success: function (data) {
console.log(data);
// work here
data.map((data) => {
$(`#${appendId}`).append(`
<div class="items-list-container">
<div class="items-list-content">
<div class="h5 items-list-content-title">${data + "." + dataTitle}}</div>
<div class="items-list-content-body d-flex"></div>
<button class="items-list-update-button badge btn btn-outline-success">Update</button></div>
</div>`)
return data
})
},
error: function (jqXHR, textStatus, errorThrown) {
// Empty most of the time...
$('#setting-category-list').append("<h4>Error!</h4>")
}
});
}
getCategoryAll("/getCategoryAll", "setting-category-list", "CategoryName")