html页面是怎么进行前后台数据交互的呢？

我用的是Java，但是不知道怎么往前台传数据，前台是HTML5页面，该怎么样实现数据交互呢？
比如我一打开腾讯! 图片说明 里面那些新闻是用什么方式从后台接收到的呢？ 新手，比较笨， 能不能发个前后台的代码给我看看呢？

$.ajax({
url : "",//请求地址
dataType : "json",//数据格式
type : "post",//请求方式
async : true,//是否异步请求
success : function(data) {
//data是服务器返回数据
},
error : function(e) {
//后台执行错误处理
}
});

java，web中使用比较多的jsp ,这个应该了解过， 这个你可以理解为一个模板，其中大多数都是不变的，头部，尾部，页面总体的布局，但是信息填充的内容每天都是不同的，这些就是获取的数据。使用jsp动态插入。页面就显示出来了。
说说简单的交互，一种就是页面本身不需要发送请求的交互，例如轮播图，鼠标放上去就会下一张，这是已经加载好的东西，
第二种就是必须有后台提供支持的交互（大多数都是这种），像登陆注册，下拉刷新，等一系列操作，交互的方式中有form表单提交，ajax 提交，长连接，web socket。这几种，常用的就是前面的两种，request.getParamter.获取对应的参数，做一个处理后，response.write提交给浏览器，浏览器再显示出来。

图片说明

你可以看看ajax 教程，

这个很简单的，首先通过ajax访问后台，返回的数据通过js拼接显示在页面上，ajax如上楼，你只需要这样》
success : function(data) {
//data是服务器返回数据
//在这里写拼接
var a=eval(data);
$.each(a,function(i,item){
var idata=a[i];
for（var j=0;j<idata.length;j++）{
$(".A"+j).html(idata[j]);//指向页面定义的Class=“A1”- Class="An"
}
})
},

html5只是一个页面的view, 与后台的交互可以在js中使用ajax 去访问后台,后台通过responseBody把要返回的json data 返还给你,然后通过js 去操作显示dom

第一种方式：

 <% out.print(request.getParamter("name"));%>

第二种：

 <%=request.getParamter("name")%>

第三种：
ajax获取后端数据，再用js显示

纯数据交互，json最佳；html片段交互，可以考虑使用thymeleaf。

这里有方式可以去实现。一种后台把数据封装在一个List里后，把list放到request中，request.setAttribute(name,list)同时跳转页面。前段页面用jstl标签中的foreach读出来。一种可以用json传递数据，前端页面用ajax去解析，希望能帮到你图片说明