老师帮忙看看我这个，顺便我问2个问题~~

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2-8自由编程</title>
</head>
<body>
	<div>
		<input type="button" id="empBtn"  name ="emp" value="员工列表" style="width: 33%">
		<input type="button" id="jobBtn" name="job" value="职位列表" style="width: 33%">
		<input type="button" id="depBtn" name="dep" value="部门列表" style="width: 33%">
	</div>
	<div id="container" style="text-align: center"></div>
	
	<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
	<script type="text/javascript">
		var btn = document.getElementsByTagName("input");
		for(var i=0;i<btn.length;i++){
			btn[i].onclick = function(){
				var xmlhttp;
				var n = this.name;
				if(window.XMLHttpRequest){
					xmlhttp = new XMLHttpRequest();
				}else{
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
				var url = "/ajax/emp_list?name=" + n;
				xmlhttp.open("GET" , url , true);
				xmlhttp.send();
				xmlhttp.onreadystatechange = function(){
					if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
						var text = xmlhttp.responseText;
						var json = JSON.parse(text);
						var html = "";
						for(var i=0;i<json.length;i++){
							var emp = json[i];
							html = html + emp + "<br/>";
						}
						$("#container").html(html);
					}
				}
				
			}
		}
	</script>	
</body>
</html>

package com.imooc.ajax;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

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 com.alibaba.fastjson.JSON;

/**
 * Servlet implementation class EmpListServlet
 */
@WebServlet("/emp_list")
public class EmpListServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public EmpListServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String name = request.getParameter("name");
		String json = null;
		if(name.equals("emp")) {
			List<String> empList = new ArrayList<String>();
			empList.add("小红");
			empList.add("小明");
			empList.add("小白");
			json = JSON.toJSONString(empList);
		} else if(name.equals("job")) {
			List<String> jobList = new ArrayList<String>();
			jobList.add("职员");
			jobList.add("经理");
			json = JSON.toJSONString(jobList);
		} else if(name.equals("dep")) {
			List<String> depList = new ArrayList<String>();
			depList.add("人事部");
			depList.add("技术部");
			depList.add("无线事业部");
			json = JSON.toJSONString(depList);	
		}
		response.setContentType("text/html;charset=utf-8");
		response.getWriter().println(json);
	}

}

1、这种写法和置顶的那种写法，那一种好一点呢？

2、var btn = document.getElementsByTagName("input");

这句话要换成jquery的话该怎么写呢？

Thanatos_ 2019-09-19

源自：jQuery与Ajax入门 2-8 自由编程