如何从数据库动态填充我的JSP页面中的下拉列表？

Question

我是第一次使用JSP和Ajax 。 我试图从数据库中获取一列数据，并使用Ajax调用将其填充到我的JSP页面的下拉列表中。 我不想刷新页面，所以这就是原因，我正在拨打a Ajax。

这是我的jsfiddle ，它具有“处理”按钮，单击“处理”按钮后，它将立即显示一个空的下拉列表。 这是在我的另一个test.jsp页面中。

我有一个表作为account ，我需要通过jsp进行选择查询-

SELECT USERS FROM ACCOUNT;

单击“处理”按钮后，我需要使用Ajax在POSTGRESQL数据库上执行上述SQL查询。 无论用户是什么，我都从数据库中恢复过来，我需要在下拉列表中填充这些USERS ，如上面的jsfiddle所示。

以下是我的JSP页面（databasecall.jsp），其中我正在调用数据库以获取所有USERS -

<%@page contentType="text/html; charset=UTF-8" %>
<%@ page import="java.sql.*" %>
<%
    response.setContentType("application/json");

    try {
        // Step 1. Load the JDBC driver
        Class.forName("org.postgresql.Driver");

        // Step 2. Create a Connection object
        Connection con = DriverManager.getConnection(
                "jdbc:postgresql://localhost/test","root", "root!");

        Statement s = con.createStatement();

        String sql ="SELECT USERS FROM ACCOUNT";
        ResultSet rs = s.executeQuery(sql);

        while (rs.next()) {
            // what to do here?
        }
        rs.close();
        s.close();
        con.close();
    } catch (Exception e3) {
        e3.printStackTrace();
    }
%>

问题陈述：-

现在的问题是，如何在test.jsp页面的下拉列表中填充从数据库获得的所有USERS数据？ 意思是，我需要以某种方式在“处理”按钮单击上调用此JSP，然后传递我们获得的所有用户数据，然后动态填充下拉列表？

假设如果我从数据库中获得10个USERS，则下拉列表中应该有10个用户。

这可能吗？

Answer 1

通过Ajax调用获取数据时，应在Servlet上填充数据。

   @WebServlet("/populate")
   public class PopulateData extends HttpServlet{

      public void doGet(....){
         Class.forName("org.postgresql.Driver");
         Connection con = DriverManager.getConnection(
            "jdbc:postgresql://localhost/test","root", "root!");

        Statement s = con.createStatement();
        String sql ="SELECT USERS FROM ACCOUNT";
        ResultSet rs = s.executeQuery(sql);

        List<String> list = new ArrayList<String>();

        while (rs.next()) {
          list.add(rs.getString("USERS"));
        }
       String json = new Gson().toJson(list);
       response.getWriter().write(json);
      }
  }

现在，您可以通过ajax调用将json数据填充到test.jsp页面。

也可以看看：

• 如何使用Servlet和Ajax？

Answer 2

用jsp编写Java代码是非常不好的习惯，使用jquery并用Java代码完成所有DB工作

$.ajax({
                type: "POST",
                url: "URL",
                data: "firstName=Aidy&lastName=F", // the data in form-encoded format, ie as it would appear on a querystring

                success: function (data) {
                   assign the return value which is in data to your hmtl 
                }
            });