ajax接收后台数据在html页面显示
Java代码
PrintWriter out=response.getWriter(); //向客户端发送字符数据 response.setContentType("text/text"); //设置请求以及响应的内容类型以及编码方式 response.setCharacterEncoding("UTF-8"); JSONArray json = JSONArray.fromObject(newsList); //将newsList对象转换为json对象 String str = json.toString(); //将json对象转换为字符串 out.write(str); //将str字符传输到前台
Ajax代码
$(document).ready(function() { $.ajax({ url : "newsservlet",//请求地址 dataType : "json",//数据格式 type : "post",//请求方式 async : false,//是否异步请求 success : function(data) { //如何发送成功 var html = ""; for(var i=0;i<data.length;i++){ //遍历data数组 var ls = data[i]; html +="<li><a href='second page text.html?newsid="+ls.news_id+"'class='infNews_wrod_a'><span>"+ls.news_name+"</span></a><span class='date'>"+ls.news_time+"</span></li>"; } $("#ulul").html(html); //在html页面id=ulul的标签里显示html内容 }, }) })
HTML页面
<ul id="ulul"></ul>
在ajax中,"#"代表的是一个标签的id,"."代表的是一个标签的class
在Java后台, 设置请求以及响应的内容类型以及编码方式 必须写在 json对象转换字符串 之前 ,否则会造成json中文乱码
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05