如何用ajax响应替换html元素？

php javascript jquery html ajax

2022-08-30 20:35:04

如何从ajax响应替换html元素？我所知道的是删除元素，如何用ajax响应替换已删除的标记？例如：

我有这样的代码：

<ul id="products">
...............
</ul>

当我单击一个按钮时，ajax调用到codeginter控制器，在那里我收到从数据库中提取的新数据，并呈现在另一个视图中，该视图从ul开始，到结束于关闭ul。

在ajax成功函数中，我这样做：

$('#products').remove();
//What to do now here to replace the removed portion with response of ajax?

答案 1

您可以使用 replaceWith（请参见：http://api.jquery.com/replaceWith/)

喜欢：$('#products').replaceWith(response);

答案 2

假设您要替换产品，如果您从控制器获得格式化的HTML，则只需执行此操作

success : function(response) {
$('#products').html(response);
}

无需删除< ul > 标签。您可以简单地将旧的< li > 替换为新的< li >