JavaScript Ajax封装类似jQuery Ajax

最新推荐文章于 2024-04-20 19:26:14 发布

garychang_

最新推荐文章于 2024-04-20 19:26:14 发布

阅读量458

点赞数

分类专栏：杂文章标签： ajax github jquery JavaScript

本文链接：https://blog.csdn.net/z1233691/article/details/51173718

版权

杂专栏收录该内容

3 篇文章 0 订阅

订阅专栏

_Ajax

简单封装的ajax库

支持post和get方法兼容IE7及以上浏览器

和jQuery Ajax格式相似

=====Github地址======

已更新jsonp跨域支持

api

_Ajax({
            "url":"",
            "method":"",//默认get
            "async":true,//默认为false
            "data":{
            },
            "header":{                    
            },
            "cache":true,//默认为false
            "dataType":"",//"text"  "json"  "xml"  "jsonp"默认为text
            success:function(){
            },
            beforeSend:function(){
            }
        })

libs: 通过 <script>标签引入<script src="lib/_Ajax.min.js" type="text/javascript" charset="utf-8"></script>
通过CDN获取http://ajax-10030624.file.myqcloud.com/_Ajax.js http://ajax-10030624.file.myqcloud.com/_Ajax.min.js

example

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>_Ajax_Demo</title>
    <script src= " lib/_Ajax.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <script type="text/javascript">
        _Ajax({
            "url":"server.php",
            "method":"post",//默认get
            "async":true,//默认为false
            "data":{
                "key":"value",
                "key2":"value2"
            },
            "header":{
                "h":"c",
                "h2":"c2"                    
            },
            "cache":true,//默认为false
            "dataType":"json",//"text"  "json"  "xml"  默认为text
            success:function(data){
            },
            beforeSend:function(){
            }
        })
    </script>
</body>
</html>