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中文乱码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!