javascript - html或者jsp如何不刷新页面更新页面的局部

Question

比如，我左侧是各种按钮，然后右侧是显示内容的，那么我点击按钮的时候，可以不刷新而更换右边的界面吗？

我是这样想的，用html("")清空，然后添加新的内容代码。但是问题是，html这方面不是专业，这代码怎么添加进去比较好看，比较方便，我能想到的就是常用的append().

是不是在html中有这样一种功能，我先隐藏，到我需要的时候再显示呢？这样代码就不用append那些写了......

求答疑，可以的话给点关键词或者小例子

Answer 1

ajax

Answer 2

你好，你需要的功能数据绑定，即是将动态获取的数据绑定到可视化的视图上，数据变动时自动更新视图状态(自动维护)。我们从广义上定义为动态的模板引擎，在前端mvvm风格的框架已经被广泛使用。参考案例: angularjs,react,vuejs

Answer 3

早期的Web页面没有大量使用js，所以一般使用iframe做更新页，现在js可以很方便的更新任何标签的任何内容，你描述的就是用js对html做更改达到更新内容。如果你右侧页面是一个完整的html，我建议你用iframe，如果你右侧是非完整的html那就通过动态添加标签就好。

Answer 4

简单的话用模版咯，Underscore模板就可以啦 将数据注入到模版然后替换你原来的html内容就可以了。

Answer 5

1. ajax局部刷新;

2. 看你的描述,可能是需要路由功能吧：什么是HTTP 路由

Answer 6

用ajax异步获取数据，关于append的问题的话可以用模板语言，百度有很多。