在jquery ajax中对postjson进行简略封装

[LCS]Kian_void

于 2022-08-29 16:34:01 发布

阅读量411

点赞数

文章标签： jquery ajax javascript

本文链接：https://blog.youkuaiyun.com/qq_44065607/article/details/126587354

版权

本文介绍了一种在jQuery中简化POST JSON数据的方法。通过自定义$.postJSON函数，能够轻松实现POST请求发送JSON格式的数据，并附带了使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery中关于ajax只对get，getpost，post进行了一个封装，当使用者要用post方式发送json数据时就需要调用$.ajax方法多次下来比较麻烦。个人对postjson进行了一个简易封装

直接上代码

//方法定义在jquery方法中
 $.postJSON = function (url, data, callback) {
          return $.ajax({
            type: "post", //请求方式设置为post
            url, //要请求的url地址
            data: JSON.stringify(data), //传入的数据 转换为json对象
            headers: {
              "Content-Type": "application/json",
            },//设置请求头
            success: callback,//传入成功后的请求回调
            ....//自定义内容 可以设置错误回调 完成请求回调 请求前的回调
          });
        };
        //调用
       $.postJSON(
          baseURL,
          { username: "admin1", password: "123321" },
          (res) => {
            console.log(res);
          }
        );
      });