miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库

《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》

一个轻巧迷你的HTTP请求库,专为简单web应用提供了Ajax, jsonp and ready等特性功能!

miniAjax

一个轻巧迷你的HTTP请求库,专为简单web应用提供了Ajax, jsonp and ready等特性功能!

tips: 无论是jQuery到zepto,抑或是vue-resource到axios,其HTTP解决方案都很全很强大,但是很多时候小伙伴总会问我有没有更简单更纯粹的解决方案:有!就是miniAjax! 该仓库是笔者从实际开发项目中抽离的一个迷你库,用工作之余时间总结,还是花了不少心思,希望小伙伴们给仓库地址给个★(star):

『https://github.com/WeideMo/miniAjax』

浏览器支持

《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》《miniAjax:一个轻巧而实用的ajax/jsonp HTTP请求库》

用法

miniAjax中仅有3个接口:包括ajax,jsonp和ready函数:

ajax

ajax({
    url: "./testXhr.php",                       //服务器请求地址
    type: "POST",                               //请求方法类型:GET/POST
    data: { name: "WeideMo", age: 26 },         //请求参数对象
    dataType: "json",                           //接收数据类型
    success: function (response, xml) {
        // 请求成功回调后处理
    },
    fail: function (status) {
        // 请求失败回调后处理
    }
});

jsonp

jsonp({
    url:"https://github.com/WeideMo/",  //服务器请求地址
    callback:"callback",                //接收回调名称与后端服务器协商,这里协商名称为callback
    data:{id:"1000120"},                //请求参数对象
    success:function(json){
        // 请求成功回调后处理
    },
    fail:function(){
        // 请求失败回调后处理
    },
    time:10000                          //客户端自定义超时参数
})

ready

ready(function(){
    // 在页面准备好时做些事情
})

特性

浏览器高覆盖度

几乎支持所有的浏览器,甚至是相对古老的ie系列。

超轻量

压缩版本小于2k,如果你使用 gzip,它将小于 1k

纯粹

miniajax是满足web开发的基本要求,它只负责三件事:ajaxjsonpready

更多

你可以获取更多原理与用法 -> github.com/WeideMo/jso…

    原文作者:HTTP
    原文地址: https://juejin.im/entry/5a9c9cb8f265da237a4c7c98
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞