longajax

The Native JavaScript's Ajax

Usage no npm install needed!

<script type="module">
  import longajax from 'https://cdn.skypack.dev/longajax';
</script>

README

longajax

如何使用

1、下载放在一个文件夹里,然后调用或使用npm进行下载

npm install longajax --save

2、在Vue中使用

1)在main.js引入


var yangAjax = require('longajax');

或

import yangAjax from 'longajax';

Vue.prototype.ajax = (config) => {
     yangAjax(config);
}

2) 在其他组件中使用

this.ajax({
     url:'your url',  // 接口路径
     method:'your method',  //方法  POST/GET
     dataType:'json',       // 数据类型
     async:true,           // 异步  true/false
     data:data,            // 传递的数据
     success: (ret , message , status) =>{   // 成功
           console.log(ret);
     },
     fail: (status , statusText ) =>{   // 失败
            console.log(status);
     }
});

3、 在React中使用

1)在main.js引入


import {yangAjax} from 'longajax';

React.ajax = yangAjax;

2) 在其他组件中使用

ajax({
     url:'your url',  // 接口路径
     method:'your method',  //方法  POST/GET
     dataType:'json',       // 数据类型
     async:true,           // 异步  true/false
     data:data,            // 传递的数据
     success: (ret , message , status) =>{   // 成功
           console.log(ret);
     },
     fail: (status , statusText ) =>{   // 失败
            console.log(status);
     }
});

注意

可搭配FormData使用,用来实现图片无刷新上传

如果遇到有兼容性问题,请联系

如果无法安装yangajax,则安装此包,使用方法和yangajax类似

兼容性

现代浏览器 IE10+