利用ajax对页面局部刷新

最新推荐文章于 2022-04-16 00:19:47 发布

chinhoono1

最新推荐文章于 2022-04-16 00:19:47 发布

阅读量443

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaWeb

本文链接：https://blog.youkuaiyun.com/chinhoono1/article/details/78080280

javaWeb 专栏收录该内容

4 篇文章

订阅专栏

一、jsp页面代码

</head>

<body>
    <input type="button" value="显示" /><br/>
    <div id= "opt_area" >

    </div>
</body>
</html>

二、show.jsp代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<ul>
<c:forEach var="temp" items="${allNews }">
<li>${temp.title }<li>
</c:forEach>
</ul>

三、js代码（注释部分请忽略）

四、servlet代码（注释部分请忽略）

public void doPost(HttpServletRequest request, HttpServletResponse response)
   throws ServletException, IOException {
  request.setCharacterEncoding("UTF-8");
  response.setContentType("text/html;charset=UTF-8");
  PrintWriter out = response.getWriter();
  String opr = request.getParameter("opr");
  List<Object> list = new ArrayList();
  List<News> allNews = null;
  Map<String, Object> map = new HashMap();
  Map<String, Object> map1 = new HashMap();
  String str="";
  if("listHtml".equals(opr)) {
   NewsService newsService = new NewsServiceImpl();
   allNews = newsService.getAllNews();
   /*//str += this.createJson(allNews);
   for(int i = 0; i < allNews.size(); i ++) {
    str+="<li>"+allNews.get(i).getTitle()+"<li>";
   }
   list.addAll(allNews);
   //String strList = JSON.toJSONString(list, SerializerFeature.WriteMapNullValue, SerializerFeature.WriteNullNumberAsZero,SerializerFeature.WriteNullStringAsEmpty,SerializerFeature.WriteNullListAsEmpty);
   //map.put("list", list);

   str=JSON.toJSONString(list, SerializerFeature.WriteMapNullValue, SerializerFeature.WriteNullNumberAsZero,SerializerFeature.WriteNullStringAsEmpty);
   JSONArray parseArray = JSONArray.parseArray(str);
   JSONArray jsonArray = new JSONArray(list);
   map1.put("list", jsonArray);
   map.put("List", map1);
   JSONObject JSONOBJ = new JSONObject(map);
   out.print(JSONOBJ);*/
  }
  request.setAttribute("allNews", allNews);
  request.getRequestDispatcher("/show.jsp").forward(request, response);//这个地方很关键，为了避免编写大量构建HTML内容代码，可以将数据发送至专门展示页面生成的页面即show.jsp