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

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

var ls = data[i];

html +="

var ls = data[i];

html +="

}

$("#ulul").html(html); //在html页面id=ulul的标签里显示html内容

},

})

})

HTML页面

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

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。