ajax 相关内容

ajax的请求过程

//创建异步对象
        let xhr = new XMLHttpRequest()
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4 && xhr.status == 200) {
                console.log('请求成功');
            }else {
                console.log('请求出错');
            }
        }
        //设置请求行open()
        xhr.open("get",'https://cnodejs.org/api/v1/topics')
        // xhr.open('请求方式','请求地址',是否同步请求,用户名称,密码)
        //发送请求
        xhr.send()
        console.log(xhr.readyState);

• ajax请求方法–步骤5步

• 创建XMLHttpRequest 对象（异步调用对象） let xhr = new XMLHttpRequest()

• 设置事件监听：xhr.onreadystatechange = function() {}

• 创建http请求： xhr.open(‘请求方式’,‘请求地址’,是否同步请求,用户名称,密码) 是否同步请求默认为false 用户名称与密码不需要传入

• 发送请求数据：xhr.send(null)；

数据请求的方式：

GET： 将数据库中的数据获取出来

POST：将数据存入数据库中

DELETE：删除数据

PUT：修改数据

常见状态码

• 1XX：信息类，表示收到web浏览器请求，（告诉客户端已经收到了请求）请求正在处理
  • 100继续请求
  • 101客户要求浏览器根据请求转换HTTP协议版本
• 2XX：成功，表示用户请求被正确接收、理解和处理，例如200 OK。200–表示已经完成请求
  • 200 交际成功
  • 201提示知道新文件的url
  • 202接受和处理，但处理并未完成
  • 203 返回信息不确定或不完整
• 3XX：重定向，表示请求没有成功，客户需要采取进一步处理
• 4XX：客户端错误，表示客户提交的请求有错误，例如：404 NOT Found，意为请求中所引用的文档不存在（地址错误）
  • 404：表示文档/资源不存在
• 5XX：服务器错误，表示服务器不能完成对请求的处理，如500。
  熟悉以上状态码，有助于开发调节的效率和准确性。

想要了解状态码，可以看看一些常见状态码