交作业交作业交作业

来源：2-8 自由编程

mixiaofan

2019-11-21 15:52:01

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    <input id="d1" type="button" style="width: 33%" value="员工列表">
    <input id="d2" type="button" style="width: 33%" value="职位列表">
    <input id="d3" type="button" style="width: 33%" value="部分列表">
    <div id="divContext" style="text-align: center"></div>
</form>
<script type="text/javascript">
    var list = document.getElementsByTagName("input");
    list[0].onclick = function () {
        f(0);
    };
    list[1].onclick = function () {
        f(1);
    };
    list[2].onclick = function () {
        f(2);
    };

    function f(i) {
        var xmlHttp = new XMLHttpRequest();
        xmlHttp.open("GET", "/2_8/emp", true);
        xmlHttp.send();
        xmlHttp.onreadystatechange = function () {
            if (xmlHttp.status == 200 && xmlHttp.readyState == 4) {
                var xmlText = xmlHttp.responseText;
                console.log(xmlText);
                var json = JSON.parse(xmlText);
                console.log(json);
                document.getElementById("divContext").innerHTML = json[i];
            }
        }
    };
</script>
</body>
</html>

package com.imooc.emp;

import com.alibaba.fastjson.JSON;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

@WebServlet(urlPatterns = "/emp")
public class EmployeeServlet extends HttpServlet {
    public EmployeeServlet() {
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String a = "小红<br>小明<br>小白";
        String b = "职员<br>经理";
        String c = "人事部<br>技术部<br>无线事业部";
        List str = new ArrayList();
        str.add(a);
        str.add(b);
        str.add(c);
        String json = JSON.toJSONString(str);
        response.setContentType("text/html;charset=utf-8");
        response.getWriter().println(json);

    }
}

写回答

1回答