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

Question

我是第一次与JSP 和Ajax 合作。我正在尝试从数据库中获取一列数据，并使用 Ajax 调用将其填充到我的 JSP 页面的下拉列表中。我不想刷新页面，这就是原因，我正在进行 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 数据？意思是，我需要以某种方式在 Process 按钮单击时调用此 JSP，然后传递我们获得的所有用户数据，然后动态填充下拉列表？

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

这可能吗？

Answer 1

用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 
                }
            });

Answer 2

当您通过 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页面。

另见：

• How to use Servlets and Ajax?