封装jq的ajax

墨蓝 2022-04-12 14:25 179阅读 0赞

做了一个简单的ajax封装，以便在项目中重复使用，以后想到更好的版本也会更新，

const http = "域名";
    
    function ajax(data,func){
     				$.ajax({
                        type: "POST",
                        url: http + data.url,
                        dataType: "json",
                        data: data.data,
                        error: function (err) {
                            //请求失败时被调用的函数 
                            console.log("失败:" + err);
                        },
                        success: function (data) {
                            func(data);
                        }
                    });
    
    }

使用方法：

let data = {
    						url:"访问路径",
    						data:{
    							mobile:regInfo.account,//都是参数，怎么获得自己写
    							password:regInfo.password,
    							code:regInfo.code
    							},
    						}
    					ajax(data,function(res){
    							console.log(res);
    							if(res.code == -1){
    								mui.toast(res.message);
    							}
    							if(res.code == 1){
    								mui.toast("注册成功");
    
    							}
    						});

这样就可以在调用成功后直接将处理写出来，还可以加上一个err函数，以便出错的时候处理

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQ封装接口

封装完毕以后，用起来和vue的axios一样 $(function(){ // 封装$.ajax window.jQuery.axios=(

偏执的太偏执、/ 2022年12月15日 00:59/ 0 赞/ 116 阅读

相关 ajax的封装

$(function(){ 'use strict'; var user = getUserinfo(); i

偏执的太偏执、/ 2022年09月26日 01:49/ 0 赞/ 154 阅读

相关 jq-ajax封装

引入线上jquery: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ht

Dear 丶/ 2022年09月14日 02:27/ 0 赞/ 110 阅读

相关 ajax封装框架,封装自己的Ajax框架

Ajax技术就是利用javascript和xml实现异步交互的功能。首先先来介绍一下Ajax相关知识点一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种

柔情只为你懂/ 2022年09月03日 15:24/ 0 赞/ 240 阅读

相关 JQ插件封装(jq_ui风格)

源码： <!DOCTYPE HTML> <html> <head> <title>读取并修改元素的属性</title> <meta c

r囧r小猫/ 2022年06月02日 23:27/ 0 赞/ 184 阅读

相关 ajax的封装

我！要！被！这！玩意！坑死了！用promise封装一个ajax请求。 function ajax(url,type,param,async,header){

落日映苍穹つ/ 2022年05月10日 03:24/ 0 赞/ 183 阅读

相关封装jq的ajax

做了一个简单的ajax封装，以便在项目中重复使用，以后想到更好的版本也会更新， const http = "域名"; function ajax(d

墨蓝/ 2022年04月12日 14:25/ 0 赞/ 180 阅读

相关 JQ 的 AJAX 方法

JQ 的 AJAX 方法 JQ是一个强大的JS引用类库，在AJAX方面同样是功能强大，处理了兼容，简化了请求方法，有益于快速开发。一、原生的AJAX v

怼烎@/ 2022年03月11日 06:00/ 0 赞/ 259 阅读

相关 ajax基础——jq

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

短命女/ 2022年01月15日 14:05/ 0 赞/ 239 阅读

相关 JQ中的Ajax的封装

1.认识JQ中ajax的封装 jQ 对于ajax的封装有两层实现；$.ajax 为底层封装实现；基于 `$.ajax` ，分别实现了`$.get` 与`$.post

秒速五厘米/ 2021年10月26日 15:36/ 0 赞/ 264 阅读