一、AJAX异步提交
异步提交
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML），通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。
ajax实现异步请求：
1、引入jquery.min.js库，放在webapp目录下。
2、编写自己的ajax的JavaScript脚本
1 ) $在js中表示引用jquery库的方法，$.ajax（）来使用ajax方法。
2 ) 在$.ajax()中填写json格式的内容，最简单的，包括url 、type 、datatype、data 、success、error
3、在html中通过script元素来引入需要使用的js。
4、在html中通过元素的事件响应完成ajax方法的调用。
5、注意，使用ajax进行提交的时候，地址和方法已经通过ajax来完成指定了，不需要在form表单中再进行指定，form表单指定的内容是用submit按钮提交时的url和方法。
6、注意：ajax中能够用datatype指定返回数据的格式，如果预期返回是json格式，而实际返回并不是，那么ajax会运行error中的回调函数。
7、注意：json格式字符串中的键用双引号括起来。
8、注意：$("css选择器")选中的元素列表同样通过[下标]来进行选择调用。
二、数据库编程引入
Maven引入依赖
在中央仓库中查找mysql-connector依赖，将dependency复制到pom文件的<dependencies>元素里。由于我们用的mysql是5.7版本，建议使用配套的5版本jar库。
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.48</version>
</dependency>
创建数据库连接
1、Class.forName("com.mysql.jdbc.Driver");加载数据库连接驱动
2、通过数据库url地址、用户名、密码，建立和目标数据库的连接myCon
3、通过myCon.createStatement创建一个查询mySt
4、通过mySt.executeQuery(sql语句)执行查询，获得resultSet结果集
5、操作结果集中的内容
2、注意resultset查询结果使用时，next()方法既包含set中的next取值功能，也包含hasNext()判断是否有下一个数据的功能。
5、由于完成项目的开发和最后测试部署时，使用的数据库不一定是同一个，所以将数据库连接参数提取出来通过properties文件来进行配置。
1、把properties文件，放到src/main/resources目录下
properties文件中用
键=值
键=值
的方式来进行编写。
2、通过代码读取properties文件，使用java的properties类来进行读取操作。
prop.load(this.getClass().getResourceAsStream("/inter.properties"));
注意填写的路径，以/开头表示在src/main/resources目录层级下。
参考菜鸟教程中相关章节https://www.runoob.com/w3cnote/jdbc-use-guide.html
网友评论