前台JSP页面使用Jquery的Ajax技术，如何令JSP的输入框获取数据库的内容，servlet又该怎么写!

发布网友发布时间：2022-04-10 08:45

共5个回答

懂视网时间：2022-04-10 13:06

"#register").click(function(){ var name=$("#name").val(); var password=$("#password").val(); if(name!=""&&password!=""){ $.ajax({ type:"POST", url:"add", dataType:"JSON", data:{ "name":name, "password":password, } }) }else{ alert("请检查您的输入！"); } }) </script> </html>

后端Servlet代码：

package com.jquery.register;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

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

public class add extends HttpServlet {

 public void destroy() {
 super.destroy(); 
 }
 public void doGet(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
  doPost(request,response);
 }
 public void doPost(HttpServletRequest request, HttpServletResponse response)
  throws ServletException, IOException {
 response.setContentType("text/html");
 PrintWriter out = response.getWriter();
 request.setCharacterEncoding("utf-8"); 
  response.setCharacterEncoding("utf-8");
  Connection conn = null;
  PreparedStatement stmt = null;
  ResultSet rs = null;
  String name=request.getParameter("name");
  String password=request.getParameter("password");
  String drive = "com.mysql.jdbc.Driver";
  System.out.println("ajax后台交互成功"); 
  try{
  Class.forName(drive);
  conn = DriverManager
   .getConnection("jdbc:mysql://localhost:3306/test?user=root&password=123");
  System.out.println("数据库连接成功");
  String sql="insert into user_table(name,password)";
  sql+=" values(?,?)";
  stmt = conn.prepareStatement(sql);
  stmt.setString(1,name);
  stmt.setString(2,password);
  stmt.executeUpdate();
  System.out.println("success");
// out.flush();
// out.close();
 }catch (ClassNotFoundException e) {
  e.printStackTrace();
 } catch (SQLException e) {
  e.printStackTrace();
 }finally {
  try {
  //注意关闭原则：从里到外
   if (rs != null) {
   rs.close();
   }
   if (stmt != null) {
   stmt.close();
   }
   if (conn != null) {
   conn.close();
   }
  } catch (SQLException e) {
   e.printStackTrace();
  }
  }
 }
 public void init() throws ServletException {
 // Put your code here
 }

}

截图：

技术分享图片

html,jquery,ajax,servlet,mysql实现前端数据写入数据库

标签：encoding response imp word man web amp http pack

热心网友时间：2022-04-10 10:14

ajax是异步更新，不需要刷新页面的。用jquery里面的ajax。
JQUERY：
$.ajax({
type:'post',//可选get
url:'xx.do',

data:'data='dsa'',//传给java的数据，多个参数用&连接
dataType:'text',//服务器返回的数据类型可选XML ,Json jsonp script html text等
success:function(msg){
//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
},
error:function(){
ajax提交失败的处理函数！
}
})

servert

是request.getp...
获取的。

热心网友时间：2022-04-10 11:32

你会用jquery么，不会的话就太麻烦了。默认当你会了
<script>
$(function(){
$('#你要检查对线的id').blur(function(){ //指定你在什么情况下要进行异步的判断
$.get('要连接的地址',{'要传递的参数名':'传递的参数值'},function(data){ //data返回来的内容
$('#name_msg').html(data); //异步验证后数据回来了，你要做些什么
},text); //这里的text是指返回来的data的类型，text比较常用，返回的就是文本
});
});
</script>

服务器端：
获取response
可以设置一下response.setContentType("text/html;charset=utf-8");
获取printWriter out = resonse.getWriter();
out.println('用户名错误');

热心网友时间：2022-04-10 13:07

这种其实可以不用Ajax都可以啊放数据进request就行了再用EL表达式什么的拿出来
如果要用Ajax 就返回时候是一个JS 代码操作你那几个输入框的内容。
out.print("$('#xxx').html('你要的东西')");

热心网友时间：2022-04-10 14:58

jsp页面：<jsp:useBean id="s" beanName="这里写s对象是那个类的对象" type="这里写对象返回值类型">
<jsp:setProperty name="s" property="*" />
</jsp:uesBean>
这里property用*时注意页面文本框的名字必须和对象类里的属性名字一样。