ajax如何使用？

ajax请求的五个步骤如下

步骤如下五个步骤

1.创建异步对象，首先，创建一个XMLHttpRequest异步对象。

2.设置请求方式和地址，然后，设置请求方式和请求地址

3.用send发送请求，接着，用send发送请求。

4.监听状态变化，然后，监听状态变化。

5.接收返回的数据，最后，接收返回的数据

Connection是后台做数据库 *** 作的时候创建的连接，如果需要关闭，在后台把你创建的连接调用close()方法就行了。

如：

Connection conn = null

PreparedStatement pstmt = null

ResultSet rs = null

try {

conn = getConnection()

pstmt = conn.prepareStatement("select * from booktab")

rs = pstmt.executeQuery()

while (rs.next()) {

// traverse the records

}

} catch (SQLException e) {

// handle exception

} finally {

if (rs != null) { try { rs.close()} catch (Exception e) { } }

if (pstmt != null) { try { pstmt.close()} catch (Exception e) { } }

if (conn != null) { try { conn.close()} catch (Exception e) { } }

}

(异步的javascript和xml),ajax并不是一门新的技术，而是多种技术的组合（html,js,xml,css）用于快速的创建动态的网页，能够实现无刷新更新数据从而提高了用户体验

由客户端请求ajax引擎，在由ajax引擎请求服务器，服务器作出一系列的响应之后将结果返回给ajax引擎，由ajax引擎决定将这个结果写入到客户端的什么位置,从而实现了页面无刷新更新数据

XMLHttpReques

优点：能够减轻服务器的负担页面无刷新提高用户体验

缺点：不利于seo搜索引擎的优化

get和post是最常用的两种HTTP请求方法，前者用于获取数据，后者用于修改数据。来自 w3 的对比：

方法GET POST

后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）。

书签可收藏为书签不可收藏为书签

缓存能被缓存不能缓存

编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。

历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。

对数据长度的限制是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。无限制。

对数据类型的限制只允许 ASCII 字符。没有限制。也允许二进制数据。

安全性与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。

可见性数据在 URL 中对所有人都是可见的。数据不会显示在 URL 中。

注：关于URL 的长度是受限制的这一点是不对的，HTTP协议并没有限制URI的长度，具体的长度是由浏览器和系统来约束的。

     // 1 .创建Ajax对象

        let xhr = new XMLHttpRequest()

        console.log(xhr.readyState)//0 初始值

        // 2明确请求地址和请求方式,初始化请求

        // 请求方式有四种： GET,POST,PUT,DELETE 常用的

        // 请求直至包括： 真实的后台接口， 本地的JSON文件， 注意： 支持本地JSON文件只支持GET

        xhr.open('GET', './stus.json')

        console.log(xhr.readyState)//1  发送请求

        //3 发送请求

        xhr.send()

       4.  // 设置请求头信息，定义Content-Type的格式

            // application/x-www-form-urlencoded表示参数数据的格式是url格式

            // xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')

            // application/json表示参数数据的格式是json格式

            xhr.setRequestHeader('Content-Type','application/json')

        // 5 注册一个onreadystatechange，监听回传的值

        xhr.onreadystatechange = function() {

            //readyState读取状态值变为2，表示请求发送成功

            //readyState读取状态值变为3，表示服务器成功接收到请求并开始响应

            //readyState读取状态值变为4，表示服务器响应完成

            console.log(xhr.readyState)

            // 请求已经完成

            if (xhr.readyState === 4) {

                // status响应状态码：200表示成功，404表示资源不存在，500是服务器错误

                if (xhr.status === 200) {

                    // JSON.parse()方法，用于将JSON格式的字符串转为js对象

                    let date = JSON.parse(xhr.responseText)

                    console.log(date)

                }

            }

        }

---