SSI_Podsumowanie_Lab2

package ssi;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintWriter;
import java.text.ParseException;
import java.util.ArrayList;

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 org.json.JSONObject;

/**
 * Servlet implementation class sugestieJSON
 */
@WebServlet("/MOsugestie")
public class MOsugestie extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public MOsugestie() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
     *      response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // TODO Auto-generated method stub
        response.getWriter().append("Served at: ").append(request.getContextPath());
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
     *      response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("application/json;charset=UTF-8");
        request.setCharacterEncoding("UTF-8");

        String[] lista = { "alfa", "audi", "bmw", "citroen" };

        String jsonText = "";
        BufferedReader br = new BufferedReader(new InputStreamReader(request.getInputStream()));

        if (br != null) {
            jsonText = br.readLine();
        }

        JSONObject json;
        try {
            json = new JSONObject(jsonText);
        } catch (ParseException e1) {
            json = new JSONObject();
            // e1.printStackTrace();
        }

        String query = json.getString("wartosc");
        PrintWriter out = response.getWriter();

        String ifChecked = json.getString("zaznaczone");

        ArrayList<String> sugestie = new ArrayList<String>();

        try {
            if(ifChecked == "off") {
                for (String tmp : lista) {
                    if (tmp.startsWith(query)) {
                        sugestie.add('"' + tmp + '"');

                    }
                }
            }
            else {
                for (String tmp : lista) {
                    if (tmp.toLowerCase().startsWith(query.toLowerCase())) {
                        sugestie.add('"' + tmp + '"');

                    }
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            json.put("sugestia", sugestie);
            out.println(json.toString());
            out.close();
        }
    }

}










/////////////////////////////////////////////////////////////////////
@charset "UTF-8";

* {
    background-color: #ededed;
    font-family: Arial;
}

main {
    text-align: center;
}

h1 {
    font-size: 30px;
    margin: 30px 0;
    font-weight: 700;
}
h2{
    font-size: 26px;
    margin: 30px 0;
    font-weight: 700;
}

.wyszukiwarka {
    width: 70%;
    margin: 0 auto;

}
#pole {
    width: 100%;
    font-size: 22px;
    height: 36px;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #000;
    padding: 5px 10px;
}
#wyniki {
    text-align: left;
    width: 100%;
    margin: 0 1%;
}
.lista {
    background-color: #ccc;
    font-size: 22px;
    padding: 5px 10px;
}
.lista:hover {
    background-color: #aaa;
}

.fast-right {
    float: right;
    margin: 5px 0 10px 0;
}
//////////////////////////////////////////////////////////
function wyslijAJAX() {

        //var parametry = {
        //      "pole": $('#pole').val(),
        //      "wartosc": $('#pole').val(),
        //      "zaznaczone": $('#wielkoscLiter').val()
        //}

        // Inny sposob
        var parametry = new Object();
        parametry.wartosc = $('#pole').val();
        parametry.pole = $('#pole').val();

        if($('#wielkoscLiter').prop("checked") == true){
            parametry.zaznaczone = "on";
        } else {
            parametry.zaznaczone = "off";
        }

        if(parametry.wartosc) {
            $.ajax({
                url: "MOsugestie",
                type: "POST",
                dataType: "json",
                data: JSON.stringify(parametry),
                contentType: "application/json",
                mimeType: "application/json",

                success: function(data) {
                    $("#wyniki").html("");
                    $.each(data.sugestia, function(index, wynik) {
                        $("#wyniki").append('<div class="lista">' + wynik + '</div>');
                    });
                },

                error: function(data,status,er) {
                    alert("error: " + data +
                            " status: " + status +
                            " error: " + er);
                }
            })
        }

    }



//////////////////////////////////////////////////////////
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mateusz Olejarz - SSI_Lab2</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>

<body>
    <main>
    <h1>Mateusz Olejarz, L1</h1>
    <h2>Wpisz markę samochodow</h2>

        <section class="wyszukiwarka">
            <div class="fast-right">
                <input type="checkbox" id="wielkoscLiter" onclick="wyslijAJAX()"> Pomiń wielkość liter
            </div>
            <input id="pole" onkeyup="wyslijAJAX()" />
            <div id="wyniki"></div>
        </section>
    </main>

    <script src="jquery-3.4.1.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>