javascript - 如何将 json 数据附加到 ul 元素是文本和数字

标签 javascript jquery html ajax

如何将 json 数据附加到 html ul 元素。我在 ul 元素中有文本和数字。不同的数字对应的消息应该追加。任何人都可以帮助我。谢谢。 $(文档).ready(function() {

最佳答案

获取返回 json 对象的 messages 属性(保存数组),迭代数组并将 li 附加到 ul

success: function(data, textStatus, jqXHR) {
  console.log(data);
  data.messages.forEach(function(v) {
    // select `ul` and append
    $('ul').append(
      $('<li/>', {
        text: v.virtualnumber + ' : ' + v.message
      })
      // or `'<li>'+ v.virtualnumber + ' : ' + v.message + '</li>'`
    );
  });
},

关于javascript - 如何将 json 数据附加到 ul 元素是文本和数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37874386/

相关文章:

javascript - AngularJS 过滤器对象数组与 JavaScript 中的搜索词

jquery - HTML 表单单选按钮可通过 jquery 提交或隐藏

html - 防止屏幕内容调整移动 safari 上的页面大小

html - 我怎样才能把这个选项放在下面?CSS

javascript - Angular 2 自定义数据验证 - 改变风格

Javascript/PHP,避免 CSS 冲突

javascript - 如何在JQuery中显示隐藏使用最接近和查找方法选择的元素?

javascript - 正则表达式排除单词

JQuery点击类循环

javascript - 根据随机 ul 改变音乐