后台servlet,前台html+ajax 交互,只复制重要部分。
1. 后台部分,初始化json对象,然后赋值。内容可从数据库中获取。
@WebServlet("/talk")
JSONObject jsonObject = new JSONObject();
jsonObject.put("content", resultSet.getString(1));
jsonObject.put("username", resultSet.getString(2));
jsonObject.put("pubtime", resultSet.getString(3));
2.前台js部分,用ajax获取talk网页内容。用json解析其内容,然后修改标签值
htmlobj = $.ajax({
url: "talk" ,
async: false
});
var talk = JSON.parse(htmlobj.responseText);
$('#shuo').text("内容: " + talk.content);
$('#auth').text("作者: " + talk.username);
$('#time').text("时间: " + talk.pubtime);
3.需要注意:
servlet中json的put中键,要与js获取时的对应。
我做的网站,里面运用了次技术
http://www.fengyunxiao.cn/