代码之家  ›  专栏  ›  技术社区  ›  Tim

jQuery—Ajax调用Java后端系统并刷新HTML列表

  •  1
  • Tim  · 技术社区  · 15 年前

    我使用jQuery和一个基于Java的后端系统。我是jquery/ajax的新手,我想打第一个电话。

    我有这种HTML列表:

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

    此内容应该从后端系统中提取。我该怎么做?有教程吗?如果它是一个值,我很清楚,例如,我可以告诉一个文本输入字段,这些值应该是Ajax调用的结果。 但是这样的HTML列表呢?我应该如何在后端系统中准备JSON消息,在前端系统中如何处理?

    最好的问候

    1 回复  |  直到 15 年前
        1
  •  2
  •   Marek Sapota    15 年前

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

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

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