我对jsp和ajax 一直存在的困惑.

我对jsp和ajax 一直比较困惑， jsp动态网页技术，在服务器端执行，能在网页中显示数据这是一种方式 .
另一种方式是
我打开一个网页（html），加载完成之后，使用js,ajax访问网络得到json数据，使用js操作，在页面中追加元素，显示出来 。也行啊。是不是说这种方式可以把jsp方式替代掉了？我想知道，一般是怎么使用这两种技术的。是都使用，还是说单独用一个。
举例个例子
第一种方式 ：jsp初始化数据，ajax发送异步，进行刷新
假设，我要显示新闻列表界面。
http://localhost:8080/ecampus/getnewslist

controller中有此方法
getNewsList(){

//得到 news的list<news> 
//session.set("newslist", newslist) 
//return "news" 

}

然后跳转到了news.jsp 页面中。
在news.jsp界面中，使用jsp:for 标签在新闻div 区域显示session中newslist.
假设 news.jsp中有一个刷新按钮，当点击刷新按钮后，使用ajax，发送网络请求
显示最新的新闻。

第二种方式 ：完全不使用jsp,使用js,ajax完成数据读取，显示新闻
假设，我要打开显示新闻界面。
http://localhost:8080/ecampus/news.html
然后跳转到了news.html 页面中。
在news.html界面中，事先留出一个div用于显示新闻的。
在news.html加载完成后，调用使用js,发送ajax请求，得到数据后，解析，并显示到div上。
假设 news.html中有一个刷新按钮，当点击刷新按钮后，使用ajax，发送网络请求
显示最新的新闻。

这种方式也行。

哪种方式更好一些呢？一般采用哪种方式 ？

我能想到的就是, 使用jsp，速度应该会快很多，而采用第二种方式 ，因为js,ajax，显示数据，都是在客户端执行的，速度应该会慢。。

一般应该是采用第一种方式吧。