Jquery 使用 Ajax 列出数据(仅显示最后的数据)

<tr>
    <td class="border-bottom-0">
        <p id="getTaskTitle" class="fw-semibold mb-1l"></p>
    </td>
</tr>

$("#btnGetTask").click(function () {
            $.ajax({
                contentType: "application/json",
                dataType: "json",
                type: "GET",
                url: "/TaskList/ListTask/",
                success: function (func) {
                    let getList = jQuery.parseJSON(func);
                    let _getTaskTitle = document.getElementById("getTaskTitle")
                    $.each(getList, (i, value) => {
                        _getTaskTitle.innerText = `${value.TaskTitle}`
                        console.log(value.TaskTitle);
                    });

                }
            });
        });

var htm = "";
let _getTaskTitle = $("#getTaskTitle");
$.each(getList, (i, value) => {
  htm += `${value.TaskTitle}`
  //console.log(value.TaskTitle);
});
_getTaskTitle.text(htm); //or _getTaskTitle.html(htm)

// Your data from ajax request. It's only sample data for example.
var getList = [{
    TaskTitle: "red",
    value: "#f00"
  },
  {
    TaskTitle: "green",
    value: "#0f0"
  },
  {
    TaskTitle: "blue",
    value: "#00f"
  }
];
var htm = "";
let _getTaskTitle = $("#getTaskTitle");
var dt = [];
$.each(getList, (i, value) => {
  dt.push(`${value.TaskTitle}`);
});
htm = dt.join("<br>");
_getTaskTitle.html(htm); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="getTaskTitle"></div>

Jquery相关问答推荐

bootstrap - Select Select 器不能在下拉菜单中 Select

子 li 元素的点击事件

jQuery在localStorage时将类添加到正文

jQuery获取DOM node ？

如何使用jQuery删除父元素

Bootstrap 3 RC 1 中的 typeahead JavaScript 模块在哪里？

Jquery Ajax，从 mvc.net 控制器返回成功/错误

纯css关闭按钮

Jquery查找所有以字符串开头的ID？

如何使用 jQuery UI Resizable 仅水平或垂直调整大小？

JQUERY UI Accordion 开始折叠

jquery获取帖子操作网址

jQuery ajax 在 asp.net mvc 中上传文件

jquery变量语法

C# String.IsNullOrEmpty Javascript 等效项

上传文件前验证文件扩展名

带有 LIKE 的 Spring JPA @Query

为什么我应该创建异步 WebAPI 操作而不是同步操作？

AJAX 成功中的 $(this) 不起作用

使用 jQuery/Javascript 防止任何形式的页面刷新