基础web有助于理解之用二维数组ajax，servlet实现展示信息

最新推荐文章于 2024-07-22 08:55:10 发布

小小笛。

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量210

点赞数

分类专栏： web 文章标签： servlet ajax javascript

本文链接：https://blog.csdn.net/qq_43476381/article/details/125663157

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

前端页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button οnclick="en()">点我</button>
<table id="myDiv">
  <tr>
    <th>学号</th>
    <th>姓名</th>
  </tr>
</table>
</body>
</html>
<script>
  function en() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp = new XMLHttpRequest();
    } else {// code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.open("GET", "a", true);
    xmlhttp.send();

    xmlhttp.onreadystatechange = function () {
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var xml=xmlhttp.responseText;
        var parse = JSON.parse(xml);
        var td;
        for (let i = 0; i < parse.length; i++) {
          var tr=document.createElement("tr");
          for (let j = 0; j < parse[i].length; j++) {
            if (parse[i][j] != null) {
              var wb= document.createTextNode(parse[i][j]);
              td=document.createElement("td");
             td.append(wb);
            } else {
              break;
            }
            tr.append(td);
            document.getElementById("myDiv").append(tr);
          }


        }
      }
    }
  }
</script>

servlet页面

public void service(ServletRequest servletRequest, ServletResponse servletResponse) throws ServletException, IOException {
    PrintWriter writer = servletResponse.getWriter();
        String[][] stu= new String[5][5];
        stu[0][0]="1";
        stu[0][1]="a";
        stu[1][0]="2";
        stu[1][1]="b";
        stu[2][0]="3";
        stu[2][1]="c";
       String json= JSON.toJSONString(stu);
        writer.write(json);


}