如何在jQuery中創建的mysql中插入多行

Question

我想將多個行插入到Mysql數據庫中，但它不會插入多行，因爲我在用戶按Enter鍵時使用jquery創建的行。 ..在此我有三個文件（HTML）（jQuery的）（JSP與DB）

HTML

<form action="newjsp.jsp" method="post">   
     <table width="500" border="1"> 
    <tr> 
     <td>No.</td> 
     <td>Name</td> 
     <td>Age</td> 
     <td>Phone</td> 
     <td>Email</td> 
    </tr> 
<tr> 
     <td>1</td> 
     <td><input type="text" class="inputs" name="name_1" id="name_1" /></td> 
     <td><input type="text" class="inputs" name="age_1" id="age_1" /></td> 
     <td><input type="text" class="inputs" name="phone_1" id="phone_1" /></td> 
     <td><input type="text" class="inputs lst" name="email_1" id="email_1"/></td> 

     </tr> 
</table> 
       <input type="submit" value="submit"/>   
     </form> 
     </body> 
     </html> 

JQuery的

<script> 

var i = $('table tr').length; 

這是創建的行數，當用戶按下回車鍵的jQuery

$(document).on('keyup', '.lst', function(e) 
{ 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if (code == 13) { 
    html = '<tr>'; 
    html += '<form action="newjsp.jsp" method="post">'; 
    html += '<td>' + i + '</td>'; 
    html += '<td><input type="text" class="inputs" name="name_' + i + '" id="name_' + i + '" /></td>'; 
    html += '<td><input type="text" class="inputs" name="age_' + i + '" id="age_' + i + '" /></td>'; 
    html += '<td><input type="text" class="inputs" name="phone_' + i + '" id="phone_' + i + '" /></td>'; 
    html += '<td><input type="text" class="inputs lst" name="email_' + i + '" id="email_ ' + i + '"/></td>'; 
    html += '</form>'; 
    html += '</tr>'; 
    $('table').append(html); 
    $(this).focus().select(); 
    i++; 
    } 
}); 

$(document).on('keydown', '.inputs', function(e) { 
    var code = (e.keyCode ? e.keyCode : e.which); 
    if (code == 13) { 
    var index = $('.inputs').index(this) + 1; 
    $('.inputs').eq(index).focus(); 
    } 
}); 

$(document).keypress(
    function(event){ 
    if (event.which == '13') { 
     event.preventDefault(); 
     } 


}); 
    </script> 

數據庫插入JSP

<% 
     try 
     { 
      String name=null; 
      String age=null; 
      String phone=null; 
      String email=null; 

    **This is parameters** 

      name=request.getParameter("name_1"); 
      age=request.getParameter("age_1"); 
      phone=request.getParameter("phone_1"); 
      email=request.getParameter("email_1"); 


      Class.forName("com.mysql.jdbc.Driver"); 
      Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/atm","root","root"); 
      Statement st=con.createStatement(); 

      int o=st.executeUpdate("INSERT INTO jquery values('"+name+"','"+age+"','"+phone+"','"+email+"')"); 
      out.print("Success"); 
     } 



     catch(Exception e) 
     { 
      System.out.println(e); 
     } 

     %> 

Answer 1

你能insert幾行到使用單一命令的表，如：

INSERT INTO jquery values('name1','age1','phone1','email1') 
        ,values('name2','age2','phone2','email2') 
        ,values('name3','age3','phone3','email3') 
        ,values('name4','age4','phone4','email4') 
        ,values('name5','age5','phone5','email5') 

但是，您需要確保知道您有多少行。您可以迭代，直到您找不到具有給定索引的更多請求參數，或者您也可以從客戶端傳遞最後一個索引。後者更聰明，因爲它簡化了你的工作。假設有一個保存行數的變量count。然後：

String query = "INSERT INTO jquery "; 
for (int i = 0; i < count; i++) { 
      name=request.getParameter("name_" + i); 
      age=request.getParameter("age_" + i); 
      phone=request.getParameter("phone_" + i); 
      email=request.getParameter("email_" + i); 

      query += ((i == 0) ? "values" : ",") + "('"+name+"','"+age+"','"+phone+"','"+email+"')"; 
} 
      Class.forName("com.mysql.jdbc.Driver"); 
      Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/atm","root","root"); 
      Statement st=con.createStatement(); 

      int o=st.executeUpdate(query); 

然而，儘管這個代碼應工作，這是非常不安全的，因爲很容易出現SQL injection和XSS injection。您需要確保您的系統受到這種攻擊的保護。