Ajax总结

一、基本使用

<font color=#999AAA >示例：基本js文件

//1.引入express
const express = require('express');
//2.创建应用对象
const app = express();
//3.创建路由规则
app.get('/',(request,response)=>{
    response.send("Hello");
});
//4.启动监听器
app.listen(8000,()=>{
    console.log("stat!");
});

示例：服务启动方式

//1.安装nodejs；
//2.创建项目文件夹，使用vscode打开文件夹
//3.在vscode中建立js文件HTML文件和其他文件夹
//4.在最外侧文件夹打开运行终端，输入代码如下
npm init --yes
//5.引入express，代码如下
npm i -g express
//6.启动js服务
node 你建立的js文件名称.js

二、原生Ajax

1.Get请求

代码如下（示例）：

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <button>send</button>
        <div id="result"></div>
        <script>
            //获取butten元素
            const btn = document.getElementsByTagName("button")[0];
            const result = document.getElementById('result');
            //绑定事件
            btn.onclick = function(){
                //  console.log('test');
                //1.创建对象
                const xhr = new XMLHttpRequest();
                //2.初始化 设置请求方法和url
                xhr.open('GET','http://127.0.0.1:8000/server');
                //3.发送
                xhr.send();
                //4.事件绑定 处理服务返回结果
                xhr.onreadystatechange = function(){
                    //判断所有状态
                    if(xhr.readyState === 4){
                       //处理成功结果
                        if(xhr.status >= 200 && xhr.status < 300){
                            // console.log('success');
                            result.innerHTML = xhr.response;
                        }
                    }
                };
            }
        </script>
    </body>
</html>

js中添加代码如下（示例）：

const axios = require('axios');
app.get('/server',(request,response)=>{
    //响应头 设置允许跨域
    response.setHeader("Access-Control-Allow-Origin","*");
    //响应体
    response.send("Hello");
});

2.Post请求

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <div id="result"></div>
        <script>
            const result = document.getElementById('result');
            result.addEventListener("mouseover",function(){
                // console.log('success');
                //1.创建对象
                const xhr = new XMLHttpRequest();
                //2.初始化
                xhr.open('POST','http://127.0.0.1:8000/server1');
                //3.发送
                xhr.send();
                //4.处理
                xhr.onreadystatechange = function(){
                    if(xhr.readyState === 4){
                        if(xhr.status >= 200 && xhr.status < 300){
                            result.innerHTML = xhr.response;
                            
                        }
                    }
                }
            });
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.post('/server1',(request,response)=>{
    response.setHeader("Access-Control-Allow-Origin","*");
    response.send('Hello');
});

3.JSON转换

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <div id="result"></div>
        <script>
            const result = document.getElementById('result');
            window.onkeydown = function(){
                // console.log('test');
                const xhr = new XMLHttpRequest();
                xhr.responseType = 'json';
                xhr.open('GET','http://127.0.0.1:8000/json-server');
                xhr.send();
                xhr.onreadystatechange = function (){
                    if(xhr.readyState === 4){
                        if(xhr.status >= 200 && xhr.status < 300){
                            // console.log(xhr.response);
                            // result.innerHTML = xhr.response;
                            //手动转换JSON
                            // let data = JSON.parse(xhr.response);
                            // result.innerHTML = data.name;
                            // console.log(data);
                            //自动转换
                            result.innerHTML = xhr.response.name;
                            console.log(xhr.response);
                        }
                    }
                }
            };
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/json-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        'name':'lili'
    };
    let str = JSON.stringify(data);
    response.send(str);
});

4.IE缓存问题

IE浏览器在重复发送网页上某一个请求时，会优先从本地缓存中调取。
解决方法：

在XMLHttpRequest对象的open方法的url属性后拼接 +'/ie?'+Date.now()

5.请求超时处理

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <button>send</button>
        <div id="result"></div>
        <script>
            //获取butten元素
            const btn = document.getElementsByTagName("button")[0];
            const result = document.getElementById('result');
            //绑定事件
            btn.onclick = function(){
                //  console.log('test');
                //1.创建对象
                const xhr = new XMLHttpRequest();
                //超时设置 2s
                xhr.timeout = '2000';
                //超时回调
                xhr.ontimeout = function(){
                    alert('请求超时');
                };
                //网路异常处理
                xhr.onerror = function(){
                    alert('网络异常');
                };
                //2.初始化 设置请求方法和url
                xhr.open('GET','http://127.0.0.1:8000/overtime');
                //3.发送
                xhr.send();
                //4.事件绑定 处理服务返回结果
                xhr.onreadystatechange = function(){
                    //判断所有状态
                    if(xhr.readyState === 4){
                       //处理成功结果
                        if(xhr.status >= 200 && xhr.status < 300){
                            // console.log('success');
                            result.innerHTML = xhr.response;
                        }
                    }
                };
            }
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.get('/overtime',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    setTimeout(()=>{
        response.send('Hello')
    },3000);
});

6.取消请求

<font color=#999AAA >html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <button>点击发送</button>
        <button>点击取消</button>
        <script>
            const btns = document.querySelectorAll('button');
            let xhr = null;
            btns[0].onclick = function(){ 
                xhr = new XMLHttpRequest();
                xhr.open('GET','http://127.0.0.1:8000/overtime');
                xhr.send();
            };
            btns[1].onclick = function(){
                //取消请求
                xhr.abort();
            };
        </script>
    </body>
</html>

7.重复请求

多次重复请求会占用资源，我们只需要最新的请求即可

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <style>
            #result{
                width: 200px;
                height: 200px;
                border:solid 1px deeppink;
            }
        </style>
    </head>
    <body>
        <button>点击发送</button>
        <script>
            const btns = document.querySelectorAll('button');
            let xhr = null;
            //标志
            let flage = false;//是否正在发送ajax请求
            btns[0].onclick = function(){ 
                if(flage) xhr.abort();
                xhr = new XMLHttpRequest();
                flage = true;
                xhr.open('GET','http://127.0.0.1:8000/overtime');
                xhr.send();
                xhr.onreadystatechange = function(){
                    if(xhr.readyState === 4){
                        flage = false;
                    }
                };
            };
        </script>
    </body>
</html>

三、使用Jquery发送ajax请求

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        //引入bootstart模板
        <link crossorigin="anonymous" rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        //引入jQuery
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <h2 class="page-header">JQuery发送AJAX请求</h2>
            <button class="btn btn-primary">GET</button>
            <button class="btn btn-danger">POST</button>
            <button class="btn btn-info">通用型方法ajax</button>
            <input type="text" class="form-control" disabled>
        </div>
        
        <script>
            $('button').eq(0).click(function(){
                $.get('http://127.0.0.1:8000/jquery-server',{a:100,b:200},function(data){
                    console.log(data);
                },'json');
            });
            $('button').eq(1).click(function(){
                $.post('http://127.0.0.1:8000/jquery-server',{a:100,b:200},function(data){
                    console.log(data);
                },'json');
            });
            $('button').eq(2).click(function(){
                $.ajax({
                    //url
                    url: 'http://127.0.0.1:8000/overtime',
                    //参数
                    data: {a:100,b:200},
                    //响应体类型
                    dataType: 'json',
                    //请求类型
                    type: 'GET',
                    //响应成功的回调
                    success: function(data){
                        console.log(data);
                    },
                    error: function(){
                        alert('别看了');
                    },
                    timeout: 2000
                });
            });
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/jquery-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        'name':'lili'
    };
    let str = JSON.stringify(data);
    response.send(str);
});

四、Axios发送Ajax请求

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <link crossorigin="anonymous" rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    </head>
    <body>
            <button class="btn btn-primary">GET</button>
            <button class="btn btn-danger">POST</button>
            <button class="btn btn-info">ajax</button>
        <script>
            //公共url
            axios.defaults.baseURL= 'http://127.0.0.1:8000';
            const button = document.querySelectorAll('button');
            button[0].onclick = function(){
                axios.get('/axios-server', {
                    params: {
                        id:0
                    }
                })
                .then(function (response) {
                    console.log(response);
                })
                .catch(function (error) {
                })
            };
            button[1].onclick = function(){
                axios.post('/axios-server', {username:100,pass:200},{
                    params: {
                        id:0
                    }
                })
                .then(function (response) {
                    console.log(response);
                })
                .catch(function (error) {
                })
            };
            button[2].onclick = function(){
                axios({
                    method:'post',
                    url: '/axios-server',
                    data: {
                        id:'/axios-server'
                    },
                    params: {
                        a:100,
                        b:200
                    },
                    headers: {
                        h:100
                    },
                }).then((response)=>{
                    console.log(response);
                })
            };
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/axios-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    response.send('Hello');
});

五、fetch函数发送Ajax请求

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
    </head>
    <body>
        <button>测试</button>
        <script>
            //获取butten元素
            const btn = document.getElementsByTagName("button")[0];
            btn.onclick = function(){
                fetch('http://127.0.0.1:8000/fetch-server',{
                    method: 'POST',
                    headers: {
                        a:100
                    },
                    body: 'a=100&b=200'
                }).then((res)=>{
                    // console.log(res);
                    return res.text();
                    // return res.json();
                }).then((res)=>{
                    console.log(res);
                });
            };
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/fetch-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    response.send('Hello');
});

6、JSONP发送Ajax请求

1.非官方版JSONP

原理：获取自动生成的callback函数名，使用callback函数

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <link crossorigin="anonymous" rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
        <style>
            #result{
                width: 200px;
                height: 300px;
                border: solid 10px pink;
            }
        </style>
    </head>
    <body>
        <!-- <input type="button" name="获取" id="button" class="btn btn-primary"> -->
        <button class="btn btn-primary">获取</button>
        <div id="result"></div>
        <script>
            $('button').eq(0).click(function(){
                $.getJSON('http://127.0.0.1:8000/jquery-jsonp-server?callback=?',function(response){
                    $('#result').html(`
                    名称:${response.name}<br>
                    CODE:${response.code}
                    `);
                    console.log(response);
                });
            });
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/jquery-jsonp-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        name:'ll',
        code:['1','2','3']
    }
    let str = JSON.stringify(data);
    let callback = request.query.callback;
    // response.send(str);
    response.end(`${callback}(${str})`);
});

2.官方JSONP（cors）

html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width"
        <title>测试</title>
        <link crossorigin="anonymous" rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script crossorigin="anonymous" src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/js/bootstrap.min.js"></script>
        <style>
            #result{
                width: 200px;
                height: 100px;
                border: solid 10px pink;
            }
        </style>
    </head>
    <body>
        <button class="btn btn-primary">获取</button>
        <div id="result"></div>
        <script>
            const btn = document.querySelector('button');
            const result = document.getElementById('result');
            btn.onclick = function(){
                const xhr = new XMLHttpRequest();
                xhr.open('get','http://127.0.0.1:8000/cors-server');
                xhr.send();
                xhr.onreadystatechange = ()=>{
                    if(xhr.readyState === 4){
                        if(xhr.status >= 200 && xhr.status < 300){
                            console.log(xhr.response);
                        }
                    }
                };
            };
        </script>
    </body>
</html>

js中添加代码如下（示例）：

app.all('/cors-server',(request,response)=>{
    //响应头 设置允许跨域
    response.setHeader("Access-Control-Allow-Origin","*");
    //响应体
    response.send("Hello");
});

完整server.js代码

//1.引入express
const express = require('express');
const axios = require('axios');
const { json } = require('express');
//2.创建应用对象
const app = express();
//3.创建路由规则
app.get('/server',(request,response)=>{
    //响应头 设置允许跨域
    response.setHeader("Access-Control-Allow-Origin","*");
    //响应体
    response.send("Hello");
});
app.post('/server1',(request,response)=>{
    response.setHeader("Access-Control-Allow-Origin","*");
    response.send('Hello');
});
app.all('/json-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        'name':'lili'
    };
    let str = JSON.stringify(data);
    response.send(str);
});
app.get('/ie',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    response.send('IE');
});
app.get('/overtime',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    setTimeout(()=>{
        response.send('Hello')
    },3000);
});
app.all('/jquery-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        'name':'lili'
    };
    let str = JSON.stringify(data);
    response.send(str);
});
app.all('/axios-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    response.send('Hello');
});
app.all('/fetch-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    response.send('Hello');
});
app.all('/jquery-jsonp-server',(request,response)=>{
    response.setHeader('Access-Control-Allow-Origin','*');
    response.setHeader('Access-Control-Allow-Headers','*');
    // response.send('Hello');
    const data = {
        name:'ll',
        code:['1','2','3']
    }
    let str = JSON.stringify(data);
    let callback = request.query.callback;
    // response.send(str);
    response.end(`${callback}(${str})`);
});
app.all('/cors-server',(request,response)=>{
    //响应头 设置允许跨域
    response.setHeader("Access-Control-Allow-Origin","*");
    //响应体
    response.send("Hello");
});
//4.启动监听器
app.listen(8000,()=>{
    console.log("start!");
});
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 219,701评论 6赞 508
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 93,649评论 3赞 396
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 166,037评论 0赞 356
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 58,994评论 1赞 295
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 68,018评论 6赞 395
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 51,796评论 1赞 308
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 40,481评论 3赞 420
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 39,370评论 0赞 276
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,868评论 1赞 319
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,014评论 3赞 338
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,153评论 1赞 352
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,832评论 5赞 346
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 41,494评论 3赞 331
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,039评论 0赞 22
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,156评论 1赞 272
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 48,437评论 3赞 373
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 45,131评论 2赞 356

推荐阅读更多精彩内容

  • Ajax总结篇
    原文出处 http://blog.poetries.top/2016/11/26/Ajax-summary 关注公...
    程序员poetry阅读 6,692评论 3赞 110
  • Ajax总结
    本文主要总结整理Ajax的一些常用的基础知识，适合初学者。 一、Ajax简介、优劣势、应用场景以及技术 Ajax简...
    Aniugel阅读 599评论 0赞 1
  • ajax总结
    18.3.23·AJAX概念简述、内部实现原理 ·常用方法：load()、$.get()、$.post()、$.g...
    静心安分读书阅读 248评论 0赞 3
  • Ajax总结
    一、Ajax简介 1.Ajax相关 AJAX 全称为Asynchronous Javascript And XML...
    西北有高楼lee阅读 221评论 0赞 0
  • 关于Ajax的总结
    Ajax 什么是Ajax Ajax = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态...
    有你不苦_阅读 395评论 0赞 2