JAVA---用ajax 和数据库连接进行增删改查demo

其他 2018-08-08 05:17:12 阅读次数: 0

前台：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<title>mysql</title>
</head>
<body>
   姓名：<input id ="input_name" name ="name_" type="text" style="width:100%;" />
   班级：<input id ="input_class" name ="class_name" type="text" style="width:100%;" />
   性别：男<input  type="radio" name ="sex" value ="2" />女<input type="radio" name ="sex" value ="2" />
    
    专业: <input id ="input_major" name ="major_"type="text" style="width:100%;" />
    成绩 ：<select id="select_grade" name="grade">
      	<option value="80">A级</option>
      	<option value="90">B级</option>
      	<option value="70">C级</option>
      	<option value="100">D级</option>
      </select>    
      <input type="button" onclick="insert_1()" value="添加"/>
      <input type="button" onclick="update_1()" value="修改"/>
      <input type="button" onclick="delete_1()" value="删除"/>
      <input type="button" onclick="select_1()" value="查看"/>
      <div id ="div_2" style ="width:50%;"></div>
     要修改的id值：<input id ="update_1" name ="update1" type ="text" />
           修改后的名字  姓名：  <input id ="update_2" name ="update1" type ="text" />
          <div id ="div_3" style ="width:50%;"></div>
      要删除的 id值 <input id ="delete_1" name ="update1" type ="text" />
      <div id ="div_4" style ="width:50%;"></div>
</body>
	<script>
     function insert_1(){
    	 var name =$("#input_name").val();
    	 var classname =$("#input_class").val();
    	 var sex =$('input[name ="sex"]:checked').val();
    	 var major =$("#input_name").val();
    	 var store =$("#select_grade option:selected").val();
    	 var data ={
    	 	"name":name,
    	 	"classname":classname,
    	 	"sex":sex,
    	 	"major":major,
    	 	"store":store
    	 }
    	  var url ="Test";
    	  $.ajax({
    	  	type:"get",
    	  	url:url,
    	  	async:false,
    	  	cache:false,
    	  	data:data,
    	  	success: function(data,textStaus,jqXHR){
    	  		
    	  	if(data.code == 200){
		        		alert("插入成功了");
		        	}else{
		        		alert(data.message);
		        	}
		        },
		        error:function (XMLHttpRequest, textStatus, errorThrown) {      
		           
		            alert(typeof(errorThrown));
		        }
    	  });
     }
     function select_1(){
    	
    	 var url ="Testselect";
    	 
    	  $.ajax({
      	  	type:"get",
      	  	url:url,
      	 	async:false,
    	  	cache:false,
      	  success: function(data,textStaus,jqXHR){
      		 $("#div_2").html(data);
      	  }
      	  });
    	 
     }
     function update_1(){
    	 var id = $("#update_1").val();
    	 var name = $("#update_2").val();
    	 var url ="Testupdate";
    	 var data = {
    			 "id":id,
    			 "name":name
    	 }
    	 $.ajax(
    			{
    				type:"get",
    				url:url,
    				data:data,
    			 	async:false,
    	    	  	cache:false,
    				success:function(data,textStaus,jqXHR){
    					$("#div_3").html(data);
    					if(data.code==200){
    						alert("1");
    					}
    				},
    				error:function(data,textStaus){
    					if(data.code==999){
    						alert("-1");
    					}
    				}
    			} 
    	 );
    		 
    	 
     }
     function delete_1(){
    	 var id =$("#delete_1").val();
    	 var url ="Testdelete";
    	 var data ={
    			 "id":id
    	 }
    	 $.ajax({
    		 type:"get",
    		 url:url,
    		 data:data,
    		 async:false,
        	 cache:false,
        	 success:function(data){
        		 $("#div_4").html(data);
        		 if(data.code ==200){
        			 alert();
        		 }
        	 },
        	 error:function(data){
        		 if(data.code ==999){
        			 alert();
        		 }
        	 }
    		 
    	 });
    	 
     }
     
</script>
</html>

后端

插入：

package com.mysql.util;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.mysql.MysqlUtil;

/**
 * Servlet implementation class Test
 */
@WebServlet("/Test")
public class Test extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Test() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		  response.setCharacterEncoding("utf-8");
		  response.setContentType("application/json;charset=utf-8");
		  String name = request.getParameter("name");
		  String classname =request.getParameter("classname");
		  String sex = request.getParameter("sex");
		  String major = request.getParameter("major");
		  String grade = request.getParameter("store");
		  String sql = "insert into student(stuname,class,sex,major,mathstore)values('"+name+"','"+classname+"','"+sex+"','"+major+"','"+grade+"')";
		  System.out.println(sql);
		  int r = MysqlUtil.add(sql);
		  
		  String json ="";
		  if (r ==1) {
			json = "{\"code\":\"200\",\"message\":\"成功插入数据库\"}";

		}else {
			json = "{\"code\":\"999\",\"message\":\"错误插入数据库\"}";
		}
		response.getWriter().write(json);
		
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

删除：

package com.mysql.util;

import java.io.IOException;
import java.util.List;
import java.util.Map;

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

import com.mysql.MysqlUtil;

/**
 * Servlet implementation class Testdelete
 */
@WebServlet("/Testdelete")
public class Testdelete extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Testdelete() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
	      String id = request.getParameter("id");
	      String sql ="delete from student where id ="+id;
	      System.out.println(sql);
	      int r = MysqlUtil.del(sql);
	      String json ="";
	  	response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
	    String []Param = {"id","stuname","class","sex","major","mathstore","engstore","yuwenstore"};
	    String sqll = "select * from student";
		System.out.println(sqll);
		List<Map<String, String>> rr = MysqlUtil.show(sqll,Param);
		for (int i = 0; i <rr.size(); i++) {			
			response.getWriter().write("<p>学号"+rr.get(i).get("id")+"</p>");
			response.getWriter().write("<p>姓名"+rr.get(i).get("stuname")+"</p>");
			response.getWriter().write("<p>班级"+rr.get(i).get("class")+"</p>");
			response.getWriter().write("<p>性别"+rr.get(i).get("sex")+"</p>");
			response.getWriter().write("<p>专业"+rr.get(i).get("major")+"</p>");
			response.getWriter().write("<p>数学成绩"+rr.get(i).get("mathstore")+"</p>");
			response.getWriter().write("<p>英语成绩"+rr.get(i).get("engstore")+"</p>");
			response.getWriter().write("<p>语文成绩"+rr.get(i).get("yuwenstore")+"</p>");
			}
 	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

查询：

package com.mysql.util;

import java.io.IOException;
import java.util.List;
import java.util.Map;

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

import com.mysql.MysqlUtil;

/**
 * Servlet implementation class Testselect
 */
@WebServlet("/Testselect")
public class Testselect extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Testselect() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		  response.setCharacterEncoding("utf-8");
		  response.setContentType("text/html;charset=utf-8");
		 
		  String []Param = {"id","stuname","class","sex","major","mathstore","engstore","yuwenstore"};
		  String sql = "select * from student";
		  System.out.println(sql);
		  List<Map<String, String>> r = MysqlUtil.show(sql,Param);
		  for (int i = 0; i <r.size(); i++) {
			
			response.getWriter().write("<p>学号"+r.get(i).get("id")+"</p>");
			response.getWriter().write("<p>姓名"+r.get(i).get("stuname")+"</p>");
			response.getWriter().write("<p>班级"+r.get(i).get("class")+"</p>");
			response.getWriter().write("<p>性别"+r.get(i).get("sex")+"</p>");
			response.getWriter().write("<p>专业"+r.get(i).get("major")+"</p>");
			response.getWriter().write("<p>数学成绩"+r.get(i).get("mathstore")+"</p>");
			response.getWriter().write("<p>英语成绩"+r.get(i).get("engstore")+"</p>");
			response.getWriter().write("<p>语文成绩"+r.get(i).get("yuwenstore")+"</p>");
			
		}
//		  String json ="";
//		  if (r ==1) {
//			json = "{\"code\":\"200\",\"message\":\"成功插入数据库\"}";
//
//		}else {
//			json = "{\"code\":\"999\",\"message\":\"错误插入数据库\"}";
//		}
		
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

 修改：

package com.mysql.util;

import java.io.IOException;
import java.util.List;
import java.util.Map;

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

import com.mysql.MysqlUtil;

/**
 * Servlet implementation class Testupdate
 */
@WebServlet("/Testupdate")
public class Testupdate extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Testupdate() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		//response.getWriter().append("Served at: ").append(request.getContextPath());
	     String id = request.getParameter("id");
	     String name = request.getParameter("name");
	     String sql ="update student set stuname ='"+name+"'where id ="+id;
	     System.out.println(sql);
	     int r = MysqlUtil.update(sql);
		  String json ="";
		 if (r ==1) {
			json = "{\"code\":\"200\",\"message\":\"成功插入数据库\"}";

		}else {
			json = "{\"code\":\"999\",\"message\":\"错误插入数据库\"}";
		}
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		 
		  String []Param = {"id","stuname","class","sex","major","mathstore","engstore","yuwenstore"};
		  String sqll = "select * from student where id ="+id;
		  System.out.println(sqll);
		  List<Map<String, String>> rr = MysqlUtil.show(sqll,Param);
		  for (int i = 0; i <rr.size(); i++) {			
			response.getWriter().write("<p>学号"+rr.get(i).get("id")+"</p>");
			response.getWriter().write("<p>姓名"+rr.get(i).get("stuname")+"</p>");
			response.getWriter().write("<p>班级"+rr.get(i).get("class")+"</p>");
			response.getWriter().write("<p>性别"+rr.get(i).get("sex")+"</p>");
			response.getWriter().write("<p>专业"+rr.get(i).get("major")+"</p>");
			response.getWriter().write("<p>数学成绩"+rr.get(i).get("mathstore")+"</p>");
			response.getWriter().write("<p>英语成绩"+rr.get(i).get("engstore")+"</p>");
			response.getWriter().write("<p>语文成绩"+rr.get(i).get("yuwenstore")+"</p>");
			}
 	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

猜你喜欢

转载自blog.csdn.net/qq_33188563/article/details/81228011
今日推荐
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
中国码农的“35岁魔咒”
蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载
Arc Browser for Windows 1.0 正式 GA
90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！
周排行
【转】spring中对控制反转和依赖注入的理解
tms webcore 安装和使用
java程序员进阶相关书籍
SpringMVC接受请求参数、
如何保存训练好的机器学习模型
MyEclipse、Eclipse设置项目JDK的三个地方
商超行业微信小程序开发定制一般多少钱 （行业技术人员解读）
Markdown编辑器语言——30分钟入门到到精通
Linux系统下MongoDB的简单安装与基本操作
Power Strings
每日归档
更多
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022