基础知识练手

String字符串的操作及熟悉相应的api
容器的练习及熟悉相应的api
常用类(日期、math)的api练习
jdbc连接的demo练习
ajax的demo练习
网络编程的demo练习
放射的demo练习
1、JDBC连接
public class JDBCTest {public static void main(String[] args) { String sql = "select * from tbl_user"; Connection conn = null; // 连接数据库 Statement st = null; // 数据库语句 ResultSet rs = null; // 数据库结果集try { //1、 注册mysql的jdbc的驱动程序 Class.forName("com.mysql.jdbc.Driver"); /*2、建立数据库连接 * * @第一个参数:mysql的url * jdbc:mysql:固定的 * @第二个参数:mysql的名称 * @第三个参数:mysql的密码 * */conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/jsp_db", "root", ""); //3、 创建Statement对象 st = conn.createStatement(); // 4、执行sql语句,这个对象来发送sql语句,返回一个ResultSet对象 rs = st.executeQuery(sql); //5、遍历解析结果集 对这个ResultSet进行遍历 while (rs.next()) { System.out.println(rs.getInt("id") + " "); System.out.println(rs.getString("name") + " "); System.out.println(rs.getString("password") + " "); System.out.println(rs.getString("email") + " "); System.out.println(); }} catch (Exception e) { // TODO: handle exception e.printStackTrace(); } finally { //6、关闭连接 由小到大进行关闭 try { rs.close(); } catch (Exception e2) { // TODO: handle exception }try { st.close(); } catch (Exception e3) { // TODO: handle exception }try { conn.close(); } catch (Exception e4) { // TODO: handle exception } } }}

上面代码中大概可以看出jdbc连接数据库一般需要6个步骤:
1.注册驱动程序:Class.forName("com.mysql.cj.jdbc.Driver");
2.获取数据库连接:Connection conn = DriverManager.getConnection(url, userName, password);
3.创建statement对象并发送sql语句,最后拿到结果集:
Statement stmt = conn.createStatement();
String sql = "select * from EMPLOYEES";
ResultSet rs = stmt.executeQuery(sql);
4.遍历结果,处理数据
5、关闭相关的服务(Connection,Statement,ResultSet)(先关闭rs、st、con)
2、Ajax
使用jq封装的ajax:
$.ajax({ url: ,//请求路径 type: '',//请求类型(get、post等) dataType: '',//返回数据类型(json) data: {//请求的参数数据}, success: function(){//返回成功执行的函数}, error: function(){//返回失败执行的函数} })

还有其他属性具体可看:https://www.w3school.com.cn/jquery/ajax_ajax.asp
来个例子
$.ajax({ url: 'user/json', data: 'id=3', type: 'GET', success: function(data) { console.log(data); } });

原生:
原生JS中,我们主要是利用一个叫做XMLHttpRequest的对象进行后台与服务端数据的交换,具体代码可参考如下:
var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { // readyState == 4说明请求已完成 if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) { // 从服务器获得数据 fn.call(this, xhr.responseText); } }; xhr.send(); }, // datat应为'a=a1&b=b1'这种字符串格式,在jq里如果data为对象会自动将对象转成这种字符串格式 post: function (url, data, fn) { var xhr = new XMLHttpRequest(); xhr.open("POST", url, true); // 添加http头,发送信息至服务器时内容编码类型 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) { fn.call(this, xhr.responseText); } }; xhr.send(data); } }

注释:
1. open(method, url, async) 方法需要三个参数:
method:发送请求所使用的方法(GET或POST);与POST相比,GET更简单也更快,并且在大部分情况下都能用;然而,在以下情况中,请使用POST请求:
  • 无法使用缓存文件(更新服务器上的文件或数据库)
  • 向服务器发送大量数据(POST 没有数据量限制)
  • 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
url:规定服务器端脚本的 URL(该文件可以是任何类型的文件,比如 .txt 和 .xml,或者服务器脚本文件,比如 .asp 和 .php (在传回响应之前,能够在服务器上执行任务));
async:规定应当对请求进行异步(true)或同步(false)处理;true是在等待服务器响应时执行其他脚本,当响应就绪后对响应进行处理;false是等待服务器响应再执行。
2. send() 方法可将请求送往服务器。
3. onreadystatechange:存有处理服务器响应的函数,每当 readyState 改变时,onreadystatechange 函数就会被执行。
4. readyState:存有服务器响应的状态信息。(更加具体的状态码信息可自行百度)
  • 0: 请求未初始化(代理被创建,但尚未调用 open() 方法)
  • 1: 服务器连接已建立(open方法已经被调用)
  • 2: 请求已接收(send方法已经被调用,并且头部和状态已经可获得)
  • 3: 请求处理中(下载中,responseText 属性已经包含部分数据)
  • 4: 请求已完成,且响应已就绪(下载操作已完成)
5. responseText:获得字符串形式的响应数据。
6. setRequestHeader():POST传数据时,用来添加 HTTP 头,然后send(data),注意data格式;GET发送信息时直接加参数到url上就可以,比如url?a=a1&b=b1。
【基础知识练手】

    推荐阅读