ajax接收后台数据在html页面显示
Java代码
PrintWriterout=response.getWriter();//向客户端发送字符数据
response.setContentType("text/text");//设置请求以及响应的内容类型以及编码方式
response.setCharacterEncoding("UTF-8");
JSONArrayjson=JSONArray.fromObject(newsList);//将newsList对象转换为json对象
Stringstr=json.toString();//将json对象转换为字符串
out.write(str);//将str字符传输到前台
Ajax代码
$(document).ready(function(){
$.ajax({
url:"newsservlet",//请求地址
dataType:"json",//数据格式
type:"post",//请求方式
async:false,//是否异步请求
success:function(data){//如何发送成功
varhtml="";
for(vari=0;i<data.length;i++){//遍历data数组
varls=data[i];
html+="<li><ahref='secondpagetext.html?newsid="+ls.news_id+"'class='infNews_wrod_a'><span>"+ls.news_name+"</span></a><spanclass='date'>"+ls.news_time+"</span></li>";
}
$("#ulul").html(html);//在html页面id=ulul的标签里显示html内容
},
})
})
HTML页面
<ulid="ulul"></ul>
在ajax中，"#"代表的是一个标签的id，"."代表的是一个标签的class
在Java后台，设置请求以及响应的内容类型以及编码方式 必须写在json对象转换字符串之前，否则会造成json中文乱码
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！