ajax接收后台数据在html页面显示
2017-02-19 14:11
585 查看
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中文乱码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- [Ajax]便于在html页面中引用javascript显示后台数据的一段ajax代码
- [置顶] ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,一样显示到页面 (使用空模板)
- ajax请求到后台数据,前台不用拼接字符串append追加HTML标签,使用空模板一样显示到页面
- [置顶] ajax请求得到后台数据,前台页面,使用table模板然后clone,显示表格,,不用append拼接 “字符串和HTML表格标签”
- 2017精华版:jquery 中 ajax,后台获取数据库json数据,显示在html页面 02
- html上面通过websocket接收二进制图片数据并显示在页面上
- Ajax接收并显示后台传来的list集合内的数据信息
- ajax实现从后台拿数据显示在HTML前端的方法
- 前端通过Ajax请求从后台返回数据到页面显示,实现分页功能
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- html页面的数据利用js或者Ajax传输到后台java、php
- AJAX第五步:使用ajax解决页面首页显示后台数据的问题
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- 2017精华版:jquery 中 ajax功能,获取数据库数据,显示在html页面 01
- Ajax 异步或取后台数据json显示到页面
- 根据后台数据动态在html页面显示新的数据的方法:
- ajax实现从后台拿数据显示在HTML前端
- jsp中为什么后台传递过来的数据没有空格 而jsp页面上用EL表达式接收就会显示有空格
- MVC4中AJAX Html页面打开调用后台方法实现动态加载数据库中的数据
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)