js相关:ajax接收后台数据在html页面显示
发布于 2020-7-21|
复制链接
本篇文章主要介绍了ajax接收后台数据在html页面显示的方法,具有很好的参考价值,下面跟着小妖一起来看下吧
Java代码
```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代码
```javascript
$(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内容
},
})
})
```