这篇文章主要为大家展示了“ajax接收后台数据在html页面显示的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax接收后台数据在html页面显示的示例分析”这篇文章吧。
创新互联是一家企业级云计算解决方案提供商,超15年IDC数据中心运营经验。主营GPU显卡服务器,站群服务器,达州电信机房,海外高防服务器,服务器机柜,动态拨号VPS,海外云手机,海外云服务器,海外服务器租用托管等。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页面显示的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。