当前位置： 移动技术网 > IT编程>开发语言>JavaScript > ajax接收后台数据在html页面显示

ajax接收后台数据在html页面显示

2019年03月24日  | 移动技术网IT编程  | 我要评论

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中文乱码

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持移动技术网！

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网