news 2026/3/28 20:09:21

Ajax-快速学习

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Ajax-快速学习

作用:

数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据

异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术

扩展:同步与异步的区别

代码示例

<input type="button" value="获取数据GET" id="btnGet"> <input type="button" value="操作数据POST" id="btnPost"> <script src="https://unpkg.com/axios@1.6.0/dist/axios.min.js"></script> <script> //发送GET请求 document.querySelector('#btnGet').addEventListener('click',() =>{ axios({ method: 'GET', url: 'https://mock.apifox.cn/m1/3083103-0-default/emps/list' }).then((result) =>{ console.log(result); }).catch((err) =>{ console.log(err); }) }) //发送POST请求 document.querySelector('#btnPost').addEventListener('click',() =>{ axios({ method: 'POST', url: 'https://mock.apifox.cn/m1/3083103-0-default/emps/update', }).then((result) =>{ console.log(result); }).catch((err) =>{ console.log(err); }) }) </script>
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!