服务器端渲染和JavaScript

Question

我目前正在使用asp.net MVC开发应用程序。

页面加载时，用户配置文件会加载一些小缩略图，右侧是一些生物信息。 用户分页时，我只想更新页面上某个部分的结果部分。

对我来说，令人困惑的事情不是取代鲁of地删除和添加元素，什么是最初动态地动态加载结果，然后使用JavaScript用ajax更新这些元素的最佳方法是什么？

我主要关心的是什么影响会不断更新和删除dom对内存和性能的影响。

例如，当用户转到第二页时，我将使用ajax，缩略图和个人简介更改5个主要元素。 大约有12个类似瓷砖的容器。 这使我开始质疑如何正确地更新dom元素，而不必重新创建包含5个元素的整个容器。

谢谢大家的宝贵时间。

Answer 1

在jquery.get();使用类似的内容

$.get( "yourdatafromserver.asp", function( data ) {
  $( ".resultContainer" ).html( data ); //update certain div with obtained result dynamically without page refreshing
  alert( "Load was performed." );
});

您需要有一个诸如onclick' or onhover`之类的事件才能调用此函数，否则将在页面加载时