ajax请求发送/接收/终止：原生js、jQuery、常用状态码

最新推荐文章于 2024-07-04 08:10:42 发布

爱吃虾的五花肉

最新推荐文章于 2024-07-04 08:10:42 发布

阅读量685

点赞数

分类专栏：前端文章标签： javascript jquery 前端 ajax

本文链接：https://blog.csdn.net/u012236236/article/details/106044204

版权

本文介绍了原生JavaScript和jQuery中实现Ajax请求的方法，探讨了Get与Post请求的安全性和数据量差异，并列举了常用HTTP状态码及其含义。同时，讨论了如何终止Ajax请求。

摘要由CSDN通过智能技术生成

原生js中的Ajax请求

// 1.创建XMLHttpRequest对象,也就是创建一个异步调用对象.
var xmlHttp = new XMLHttpRequest();
// 2.创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及是否异步请求.
// get方式传参直接拼在url后url?param1=1&param2=2
xmlHttp.open("post", "url", true);
// 3.post请求下需要配置请求头信息
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 4.发送HTTP请求，参数是请求体.post请求如果有参数在send里添加,get就是直接send()
xmlHttp.send("param1=str1&param2=str2");
// 5.设置响应HTTP请求状态变化的函数.
xmlHttp.onreadystatechange = function () {
   
    // readyState状态
    // 0：请求未初始化
    // 1：服务器已经建立连接
    // 2：请求已经接收
    // 3：请求处理中,返回部分数据
    // 4：请求已经完成，且响应已经就绪，返回全部数据
    if (xmlHttp.readyState == 4)
        // 状态码在200到300之间说明成功，状态码304说明成功返回的是本地的缓存数据
        if (xmlHttp.