前台html+ajax 后台 servlet交互

后台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/

你可能感兴趣的:(html-ajax,servlet,json)