https://www.jianshu.com/p/a5eb32919c9b

一、 Ajax 介绍

Ajax 就是可以让页不刷新的情况下，给服务器发送 HTTP 请求并获取到数据。

通过编写 JavaScript 代码，还可以把获取到的数据展示在当前页面上。

二、 jQuery 封装的 Ajax

语法格式

$.ajax({
    /* url 地址可以是 /get-json/ 的方式
    *  也可以是 http://www.qfedu.com/get-json/ 的方式
    */
    url: 'url 地址',
    type: 'GET/POST',
    dataType: 'json',
    success: function(res){
        // 成功处理逻辑
     },
    error: function(res){
        // 错误时处理逻辑
        }
});

image.png

示例

<script>
    $.ajax({
        url: 'http://127.0.0.1:9500/cbv/server-json/',
        type: 'GET',
        dataType: 'json',
        success: function(res){
        // 请求成功后返回的数据在 res 中
            this.servers = res
            console.log("yan", this.servers)
        }
    });*/
    axios.get("http://127.0.0.1:9500/cbv/server-json/",).then(res => {
        this.servers = res.data
    });
},
});
</script>