如何根據使用JSP的文本框輸入動態地從數據庫中獲取數據？

我使用JSP作爲我的HTML的後端，並且當我開始輸入客戶聯繫電話號碼時，我想要獲取客戶名稱。如何根據使用JSP的文本框輸入動態地從數據庫中獲取數據？

HTML：

<html> 
<body> 
    <script> 
     function evaluation() { 
      var myBox1 = document.getElementById('milk').value; 
      var result = document.getElementById('result'); 
      var myResult = myBox1 * 35; 
      result.value = myResult; 
     } 
    </script> 

    <form action="BillValid.jsp" method="post"> 
     <table width="70%" cellspacing="30" color="#FFFFFF"> 
      <tr> 
       <th>ENTER THE DETAILS</th> 
      </tr> 
      <tr> 
       <td><font color="#800000">Customercontact</font></td> 
       <td><input name="cus_contact" type="text" id="contact"></td> 
      </tr> 
      <tr> 
       <td><fontcolor="#800000">CustomerName</font></td> 
       <td><input type="text" name="cus_name"></td> 
      </tr> 
      <tr> 
       <td>&nbsp;</td> 
       <td></td> 
      </tr> 
      <tr> 
       <td><font color="#800000">DayConsumption</font></td> 
       <td><input id="milk" type="text" name="days_con" 
        oninput="evaluation()"></td> 
      </tr> 
      <tr> 
       <td><font color="#800000">SumInRs</font></td> 
       <td><input id="result" name="total"</td> 
      </tr> 
      <tr> 
       <td>&nbsp;</td> 
       <td></td> 
      </tr> 
     </table> 
     <input type="submit" name="Register"><input type="reset" 
      name="reset"> 
    </form> 
</body> 
</html>

JSP：

try{ 
    String DBuser="root"; 
    String DBpassword="qwerty"; 
    String Connection="jdbc:mysql://localhost:3306/online"; 

    Class.forName("com.mysql.jdbc.Driver"); 
    java.sql.Connection conn=DriverManager.getConnection(Connection,DBuser, DBpassword); 
    out.println("Database Succesfully connected");    

    String CustomerName=request.getParameter("cus_name"); 
    String contact=request.getParameter("cus_contact"); 
    long customerCon=Long.parseLong(contact); 
    String dayCons=request.getParameter("days_con"); 
    int Consumtion=Integer.parseInt(dayCons); 
    String total =request.getParameter("total"); 
    int totalConsume=Integer.parseInt(total); 

    String sql = "select (CustomerName) from customer where CustomerContact='"+ customerCon+"'"; 
    java.sql.PreparedStatement st=conn.prepareStatement(sql); 
    java.sql.PreparedStatement pst=conn.prepareStatement("insert into invoice (CustomerContact ,CustomerName ,LitresConsumed ,TotalSum) values (?,?,?,?)"); 
    pst.setLong(1, customerCon); 
    pst.setString(2, CustomerName); 
    pst.setInt(3, Consumtion); 
    pst.setInt(4, totalConsume); 
    int i=pst.executeUpdate(); 

    if(i>0){ 
     response.sendRedirect("BillData.jsp"); 
    }else{ 
     response.sendRedirect("addcustomer.jsp"); 
    }   
}catch(Exception e){ 
    out.println(e); 
    e.getMessage(); 
}

來源

2017-09-11 karan1.singh

我是新來這個JSP平臺，也對堆棧溢出，我花了45分鐘後這一個問題，如果有人能夠縮進代碼，努力將得到高度讚賞。 –

你必須使用'Ajax'。輸入聯繫電話號碼後，您應該調用一個函數，並從數據庫中提取數據並將其添加到文本框中。 –

我將非常感謝全給你，如果你能送我該函數的代碼，我沒有對AJAX的想法。 –

歡迎SO，我有一些問題你。

如果你能發給我這個函數的代碼，我將非常感謝你，因爲我對AJAX一無所知。

1）這不是這個網站的工作原理。請閱讀How do I ask a good question?。我們會幫助你解決你的問題，然後再去嘗試一些事情。

2）JSP不是編寫Java的正確位置。請檢查How to avoid Java code in JSP files?

您應該將您的Java代碼保存在servlet中。當ajax調用一個請求時，它會調用並在那裏執行Java代碼並返回預期的輸出。應該使用JSP來呈現輸出。

package com.servlet; 

import java.io.IOException; 
import javax.servlet.ServletException; 

import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 

public class MyServlet extends HttpServlet { 

private static final long serialVersionUID = 1L; 

protected void doGet(HttpServletRequest request, 
     HttpServletResponse response) throws ServletException, IOException { 

     String customerContact = request.getParameter("myValue"); 
     String customerName = "Your_Response_From_DB"; 
     response.setContentType("text/plain"); 
     response.getWriter().write(customerName); 
    } 
}

而在你的web.xml文件中，

<servlet> 
    <servlet-name>MyServlet</servlet-name> 
    <servlet-class>MyServlet</servlet-class> 
</servlet> 
<servlet-mapping> 
    <servlet-name>MyServlet</servlet-name> 
    <url-pattern>/MyServlet</url-pattern> 
</servlet-mapping>

一些修改你的HTML，

增加號碼至客戶名稱（使用有意義的名稱）。

<tr> 
    <td><font color="#800000">Customercontact</font></td> 
    <td><input name="customer_contact" type="text" id="customer_contact"></td> 
</tr> 
<tr> 
    <td><fontcolor="#800000">CustomerName</font></td> 
    <td><input type="text" name="customer_name" id="customer_name"></td> 
</tr>

如果你想返回回同一頁面使用jQuery ajax，下載的jQuery插件，它加入你的JSP頁面。

$("#customer_contact").blur(function(e){ 
    var contact = $(this).val(); 
    $.ajax({ 
     type : 'post', 
     url : 'MyServlet', 
     data: { myValue: contact}, 
     success : function(data) { 
      console.log(data); 
      $("#customer_name").val(data); 
     } 
    }); 
});

讓我知道這是否有幫助。

乾杯..！

來源

2017-09-11 13:07:42

如何根據使用JSP的文本框輸入動態地從數據庫中獲取數據？

回答

相關問題