网站建设资讯

NEWS

网站建设资讯

ajax接收后台数据在html页面显示的示例分析

这篇文章主要为大家展示了“ajax接收后台数据在html页面显示的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax接收后台数据在html页面显示的示例分析”这篇文章吧。

成都创新互联成立于2013年,我们提供高端网站建设成都网站制作公司成都网站设计、网站定制、成都全网营销推广小程序制作、微信公众号开发、网站推广服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为成都服务器托管企业提供源源不断的流量和订单咨询。

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"+ls.news_name+""+ls.news_time+"";
 }
 $("#ulul").html(html); //在html页面id=ulul的标签里显示html内容
 },
})
})

HTML页面

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

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

    以上是“ajax接收后台数据在html页面显示的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


    本文名称:ajax接收后台数据在html页面显示的示例分析
    标题链接:http://cdweb.net/article/jeccsh.html