jQuery - вызов AJAX в бэкэнд-систему Java и обновление списка html

Question

Я использую jQuery и бэкэнд-систему на основе Java. Я новичок в jQuery / AJAX и хочу сделать первый звонок.

У меня есть такой список HTML:

<ul>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li>
</ul>

Этот контент должен быть получен из бэкэнд-системы. Как я могу это сделать? Есть ли уроки? Если это одно значение, мне понятно, например, я могу указать в поле ввода текста, что значения должны быть результатом вызова AJAX. Но как насчет такого списка HTML? Как подготовить сообщение JSON в бэкэнд-системе, как его обрабатывать в системе веб-интерфейса?

С наилучшими пожеланиями

Answer 1

В таких случаях лучше всего визуализировать некоторый javascript на стороне сервера и использовать функцию getScript jQuery. Таким образом, вы должны сделать что-то вроде (это псевдокод, вы должны адаптировать его для своего бэкэнда Java):

s = escape_javascript(render_new_list());
return "$('#mylist').html(" + s + ");";

Вы также можете сделать только список и на стороне клиента сделать:

$.get(url, function (data) {
  $('#mylist').html($(data));
}, 'text');

Если вы действительно хотите использовать JSON, то что-то вроде этого должно работать:

$.getJSON(url, function(data) {
  var l = $('#mylist').empty();
  $.each(data, function(index, value) {
    l.append($('<li>' + value + '</li>'));
  });
});

При условии, что вы отправляете список значений, которые вы хотите отобразить (например, ["test1", "test2"]).