ajax接收后台数据在html页面显示
更新时间：2017年02月19日 14:11:17 作者：BobCoder
本篇文章主要介绍了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中文乱码
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
js function使用心得，对于面向对象的学习都是不错的参考资料。2010-05-05
javascript中String对象的slice()方法分析
这篇文章主要介绍了javascript中String对象的slice()方法,以实例形式分析了slice()方法的定义、参数与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
javascript 中的二进制运算的一些技巧，晒出来和你们分享一下，希望可以帮助你们2012-11-11
这篇文章主要介绍了JS应用正则表达式转换大小写，以首字母大写，其它字母小写为例，喜欢的朋友可以参考下2014-09-09
这篇文章主要介绍了js实现仿微博滚动显示信息的效果,通过由上往下滚动来实现不断显示微博的，而且每一天新微博都是通过淡入效果显示的,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
Data()日期对象是一个构造函数,必须使用new来调用创建我们的日期对象,下面这篇文章主要给大家介绍了关于JS中Date的一些常用方法,需要的朋友可以参考下2022-10-10
这篇文章主要介绍了微信小程序获取当前时间及日期的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
在Echarts中,我们很多时候是需要给自己想要的几个区域的地图进行颜色高亮,这篇文章主要给大家介绍了关于echarts 3D地图为区域自定义颜色的相关资料,需要的朋友可以参考下2021-08-08
这篇文章主要介绍了微信公众号-获取用户信息（网页授权获取）实现步骤的相关资料,需要的朋友可以参考下2016-10-10
最新评论