Как получить несколько данных из столбца внутри массива из API в JavaScript?

Question

У меня была проблема в моем коде, мне нужно получить данные из имеющегося у меня API. В нем есть столбец, в котором мне нужны данные, но он содержит несколько данных, он похож на один массив и повторяется с разными значениями. Я хочу все эти ценности. Я пытался получить их, но это только дало мне последнее значение. Но в логе консоли он возвращает все значения

Это мой код:

$.ajax({
url: 
'https://tuapi.taibahu.edu.sa/std/v2/course/CS102/namebySymbolNumber',

type: 'GET',
dataType: 'json',
success: function (data) {

for (var i = 0; i < data.length; i++) {
console.log(data[i]);

$(".CourseName .nf-calculation-control").text(data[i].COURSE_NAME);
$("#" + CourseNamejs).val(data[i].COURSE_NAME);

}

},
error: function (error) {
console.log(error);
},

});

Answer 1

Вы получаете только последний, потому что вы перезаписываете предыдущий текст при перемещении по циклу.Вот почему вы видите их все, когда вы входите в консоль.Используйте функцию jquery append () для добавления к существующему тегу.http://api.jquery.com/append/

$.ajax({
url: 
'https://tuapi.taibahu.edu.sa/std/v2/course/CS102/namebySymbolNumber',

type: 'GET',
dataType: 'json',
success: function (data) {

for (var i = 0; i < data.length; i++) {
console.log(data[i]);

$(".CourseName .nf-calculation-control").append(data[i].COURSE_NAME);
$("#" + CourseNamejs).val(data[i].COURSE_NAME);

}

},
error: function (error) {
console.log(error);
},

});