Ajax简介

Ajax 全称是“Asynchronous Javascript And XML”(异步 JavaScript 
和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,
无需重新加载整个网页的情况下,能够更新部分网页的技术。
Ajax利用javascript代替传统的表单提交方式,和服务器进行少量数据交
换。可以将响应信息利用javascript进行网页数据的部分更新。
AJAX涉及到7项技术,Javascript、XMLHttpRequest、Dom、css、
HTML、XML以及相关服务器API。

如何使用axios实现Ajax

Axios 是一个基于 promise 网络请求库,作用于node.js 和浏览器中。
axios是通过Promise实现对ajax技术的一种封装,ajax更好用更安全。

使用axios实现Ajax

导入axios.min.js。
<script src="/html/axios.min.js"></script>
ajax的GET请求:

axios.get('/user/findById', {
               params: {
                   id: 1,
               }
            }).then(response => {alert(response.data);});

ajax的POST请求:
 

let param = new URLSearchParams()
param.append('id', 1);
axios.post('/user/findById',param)
         .then(response => {alert(response.data);});

ajax的同步和异步

ajax称为异步的javascript和XML。这意味着,当使用ajax发送请求时,不
用等到服务器响应,就可以执行别的任务。而同步请求是指,需要等到服
务器响应信息到达后,才会执行别的任务。
axios的同步请求:

async function getId(){
            var x = 0;
            await axios.get("/user/getId").then(e =>{
               x = e.data;
            });
            alert(x);
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值