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

发布时间 - 2026-01-10 23:09:15    点击率:

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  # 接收  # 数据  # Ajax获取数据然后显示在页面的实现方法  # jquery 通过ajax请求获取后台数据显示在表格上的方法  # ajax实现从后台拿数据显示在HTML前端的方法  # 的是  # 转换为  # 遍历  # 写在  # 则会  # 客户端  # 数据格式  # toString  # write  # newsservlet  # js  # String  # str  # nbsp  # ready  # function  # url 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何快速启动建站代理加盟业务?  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  英语简历制作免费网站推荐,如何将简历翻译成英文?  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  LinuxShell函数封装方法_脚本复用设计思路【教程】  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  JavaScript如何实现倒计时_时间函数如何精确控制  Laravel如何为API编写文档_Laravel API文档生成与维护方法  高端网站建设与定制开发一站式解决方案 中企动力  佛山企业网站制作公司有哪些,沟通100网上服务官网?  Linux网络带宽限制_tc配置实践解析【教程】  大型企业网站制作流程,做网站需要注册公司吗?  Laravel API资源类怎么用_Laravel API Resource数据转换  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  大连网站制作公司哪家好一点,大连买房网站哪个好?  高端智能建站公司优选:品牌定制与SEO优化一站式服务  C#如何调用原生C++ COM对象详解  如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环  Linux系统命令中screen命令详解  Android GridView 滑动条设置一直显示状态(推荐)  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  Swift中swift中的switch 语句  Laravel如何实现图片防盗链功能_Laravel中间件验证Referer来源请求【方案】  EditPlus中的正则表达式 实战(4)  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  如何用已有域名快速搭建网站?  装修招标网站设计制作流程,装修招标流程?  专业型网站制作公司有哪些,我设计专业的,谁给推荐几个设计师兼职类的网站?  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  高性能网站服务器配置指南:安全稳定与高效建站核心方案  教学论文网站制作软件有哪些,写论文用什么软件 ?  如何利用DOS批处理实现定时关机操作详解  如何快速配置高效服务器建站软件?  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  长沙企业网站制作哪家好,长沙水业集团官方网站?  Python图片处理进阶教程_Pillow滤镜与图像增强  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  Laravel中的Facade(门面)到底是什么原理  如何快速打造个性化非模板自助建站?  详解CentOS6.5 安装 MySQL5.1.71的方法  PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】  Laravel如何创建自定义中间件?(Middleware代码示例)  如何在宝塔面板中修改默认建站目录?  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  网站图片在线制作软件,怎么在图片上做链接?  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  昵图网官方站入口 昵图网素材图库官网入口  高防服务器租用如何选择配置与防御等级?