json_servlet（从servlet中获得json数组，在界面中显示）

最新推荐文章于 2021-09-13 17:47:26 发布

翱翔的鱼

最新推荐文章于 2021-09-13 17:47:26 发布

阅读量2.7k

点赞数 1

分类专栏： JSON 文章标签： json

本文链接：https://blog.csdn.net/qq_39924152/article/details/80655513

版权

JSON 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.加入jQuery.js包以及json.jar包

2.写一个实体类

public class Note implements Serializable{
private String id;
private String name;
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}

3.写一个servlet

public class LoadNoteServlet extends HttpServlet {
public void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
List<Note> list = new ArrayList<Note>();
Note note = new Note();
note.setId("01");
note.setName("java变量");
Note note1 = new Note();
note1.setId("02");
note1.setName("ajax应用");
list.add(note);
list.add(note1);
//将note对象集合转成json数组（静态方法）
JSONArray json = JSONArray.fromObject(list);
//out.println(json);
String json_str = json.toString();
out.print(json_str);
out.flush();
out.close();
}

}

4.在web.xml中配置servlet

<servlet>
<servlet-name>LoadNoteServlet</servlet-name>
<servlet-class>servlet.LoadNoteServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>LoadNoteServlet</servlet-name>
<url-pattern>/load.do</url-pattern>

</servlet-mapping>

5.编写load.html用于显示

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("#loadNoteBtn").click(function(){
$.ajax({
url:"load.do",
type:"post",
dataType:"json",
success:function(result){
$("#note_list").empty();
for(var i=0;i<result.length;i++){
var id = result[i].id;
var name = result[i].name;
var s_li = "<li>"+name+"</li>";
var $li = $(s_li);
//藏值，将id藏到$li元素里
$li.data("noteId",id);
$("#note_list").append($li);
}
}
});
});
});
</script>
</head>
<body>
<input id="loadNoteBtn" type="button" value="显示笔记列表">
<hr>
<ul id="note_list"></ul>
</body>

</html>

6.效果

翱翔的鱼

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
json_servlet（从servlet中获得json数组，在界面中显示）

1.加入jQuery.js包以及json.jar包2.写一个实体类public class Note implements Serializable{ private String id; private String name; public String getId() { return id; } public void setId(String id) { this.id = id; ...
复制链接

扫一扫

专栏目录