前端向后台数据库提交数据

前端向后台数据库提交数据

1.JS代码

$.ajax({
		type : "POST",
		async : false, 
		url : "http://laptop-4u1c32v3:8080/api/serve",//写入数据库的接口
		data: {"serve":document.getElementById('serve').value},//serve为HTML某个组件的id即你想提交的值
		success : function(data) {
	  		    },//这里是提交，不考虑返回值
	   });

2.java接口获取前端传来的数据

request.getParameter("serve")//即可获得前端ajax中data属性中标签为serve的数据，这里与1中对应

关键点

1.java接口的制作方法在我另一篇博客link.中已说明这里不再赘述
2.request为接口函数中的第一个参数HttpServletRequest类型的参数

3.java将数据写入数据库

Connection conn = null;
Statement stmt = null;
ResultSet rs = null;
Class.forName("com.mysql.jdbc.Driver");
conn=DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/bigdata","root","123456");
stmt = conn.createStatement();
//以上代码用于java关联数据库
String sqlStr = null;
sqlStr = "INSERT INTO luntan (message) VALUES ('" + str + "')";//向数据库中插入数据
stmt.executeUpdate(sqlStr);
//以上代码用于在关联的数据库中执行sqlStr字符串所代表的数据库代码

关键点

1.链接数据库的代码解释在我另一篇博客link.中已说明这里不再赘述
2.上面代码中sqlStr代表的数据库代码意为：向名为luntan的表中message列插入str字符串

如果你想要深入了解前端开发的高深技术知识，可以移步我的个人博客网站，从前端底层向你介绍相关技术：http://www.tianma.online