麻烦老师帮忙看看，有没有改进的空间

来源：3-6 自由编程

tronquick

2019-04-23 04:00:28

musicList.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>musicList</title>
    <style>
 * {
            margin: 0;
 }
        div {
            width: 100%;
 text-align: center;
 }

        button {
            width: 250px;
 height: 30px;
 margin:5px 25px 0px 25px;
 text-align: center;
 }
    </style>
</head>
<body>
<div class="btn">
    <button class="b" onclick="check(1)">流行歌曲</button>
    <button class="b" onclick="check(2)">经典歌曲</button>
    <button class="b" onclick="check(3)">摇滚歌曲</button>
</div>
<div class="container"></div>

<script type="text/javascript" src="/js/jquery-3.4.0.min.js"></script>
<script type="text/javascript">
 function check(flag){
        $(".container").html("");
 $.ajax({
            "url" : "/ajax/ml",
 "type" : "get",
 "data" : "flag="+flag,
 "dataType" : "json",
 "success" :function (json) {
                console.log(json);
 for (var i = 0; i < json.length; i++) {
                    $(".container").append(json[i]+"<br>")
                }
            },
 "error" : function(xmlHttp) {
                if (xmlHttp.status == "404") {
                    alert("页面不存在");
 } else if (xmlHttp.status == "405") {
                    alert("无效的请求");
 } else if (xmlHttp.status == "500") {
                    alert("服务器错误");
 } else {
                    alert("未知异常");
 }
            }
        })
    }
</script>
</body>
</html>

MusicListServlet:

package com.practice;

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("/ml")
public class MusicListServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        int flag=0;
        flag=Integer.parseInt(request.getParameter("flag"));
        List<String> list = new ArrayList<>();
        if(flag!=0 && flag==1) {
            list.add("稻香");
            list.add("晴天");
            list.add("告白气球");
        }else if(flag!=0 && flag==2) {
            list.add("千千阙歌");
            list.add("傻女");
            list.add("七友");
        }else if(flag!=0 && flag==3) {
            list.add("一块红布");
            list.add("假行僧");
            list.add("新长征路上");
        }

        String json= JSON.toJSONString(list);
        response.setContentType("text/html;charset=UTF-8");
        response.getWriter().println(json);
    }
}

写回答

1回答