AJax技术

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

字号+ 作者:H5之家 来源:H5之家 2018-04-21 14:01 我要评论( )

本篇文章主要介绍了ajax接收后台数据在html页面显示的方法,具有很好的参考价值,下面跟着小编一起来看下吧

关注微信公众号

扫一扫

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

转载  2017-02-19   作者: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>"+ls.news_time+"</span></li>"; } $("#ulul").html(html); //在html页面id=ulul的标签里显示html内容 }, }) })

HTML页面

<ul></ul>

在ajax中,"#"代表的是一个标签的id,"."代表的是一个标签的class

在Java后台, 设置请求以及响应的内容类型以及编码方式  必须写在 json对象转换字符串 之前 ,否则会造成json中文乱码

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

您可能感兴趣的文章:

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 《贵州工业大学学报(自然科学版)》2007年02期

    《贵州工业大学学报(自然科学版)》2007年02期

    2018-04-21 18:02

  • 采用DWR框架和反向AJAX的Web监控系统开发

    采用DWR框架和反向AJAX的Web监控系统开发

    2018-04-21 10:04

  • ajax拖拽上传文件

    ajax拖拽上传文件

    2018-04-20 18:01

  • ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender

    ASP.NET MVC利用PagedList分页(二)PagedList+Ajax+JsRender

    2018-04-20 16:01

网友点评