ajax接收后台数据在html页面显示
程序员文章站
2023-12-04 22:42:58
java代码
printwriter out=response.getwriter(); //向客户端发送字符数据
response.setcontentt...
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中文乱码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!