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中文乱码
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了JavaScript使用canvas绘制随机验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了JavaScript作用域 闭包的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要介绍了js 走马灯简单实例，有需要的朋友可以参考一下2013-11-11
本文探讨了将包含 {icon: "abc", url: "123"} 形式对象的数组转换为键值对形式的四种方法,并从实现方式的简洁性、可读性和性能角度进行了分析比较,感兴趣的朋友可以参考下2024-02-02
这篇文章主要为大家分享了Bootstrap开关(switch)控件学习笔记，介绍了Bootstrap开关(switch)控件的功能、使用说明，感兴趣的小伙伴们可以参考一下2016-05-05
下面小编就为大家带来一篇Js自动截取字符串长度,添加省略号(……)的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了js实现拉幕效果的广告代码,涉及javascript定时操作页面元素属性变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
这篇文章通过php+jquery+ajax+mysql相结合，实现当用户浏览网站文章或者是论坛帖子后，想表达自己浏览后的心情，发表自己的感受，很多网站都提供了用户发表心情的功能，通过此功能可以很直观的分析文章或者是论坛对浏览者的用户体验度2015-08-08
当你进行函数的嵌套时，要注意实际上作用域链是发生变化的，这点可能看起来不太直观。你可把下面的代码置入firebug监视值的变化。2010-03-03
这篇文章主要介绍了Javascript高级技巧,需要的朋友可以参考下2014-02-02
最新评论