概念:

AJAX(Asynchronous JavaScript And XML):异步的JS和XML。

作用:

与服务器进行数据交换 :通过AJAX可以给服务器发送请求。使用AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面。
异步交互 :可以在不重新加载整个页面的情况下，与服务器交互数据并更新部分网页的技术，如搜索联想，用户名是否可用校验,等等。

总结:

在JS里发请求，请求可以设置为异步的，网页无需等待服务器处理，以动态的局部加载。

Axios（封装AJAX）

这个是AJAX的封装，在开发中让其更加简洁。

Axios的使用

下载Axios

GitHub - axios/axios: Promise based HTTP client for the browser and node.js

在HTML页面中引入 axios.js。

实例程序

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><script src="./axios.js"></script><script>axios({method: "post",url: "http://localhost:8080/test",data: "username=yzh"}).then(function (response) {alert(response.data);})
</script>
</body>
</html>

虽然Axios对各种请求方式又进行了一次封装，整合出了axios.get axio.post等等。我认为上面的那种格式更具有普适性,也较为简洁。

    axios.get("http://localhost:8080/test").then(function (resp) {alert(resp.data+"axio.get");})

请求类型为xhr

xhr，全称为XMLHttpRequest，用于与服务器交互数据，是ajax功能实现所依赖的对象，jquery中的ajax就是对 xhr的封装。

Javaweb的AJAX及Axios框架使用（封装AJAX）相关推荐

js 封装ajax方法吗,原生JS封装ajax方法
jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只需要ajax,这时引入jquery库会造成资源浪费,也会显得页面臃肿.这时我们就 ...
ajax与axios使用哪个好,ajax、axios、fetch之间的详细区别以及优缺点
将jQuery的ajax.axios和fetch作个简单的比较,所谓仁者见仁智者见智,最终使用哪一个仍是自行斟酌javascript 1.jQuery ajax 前端 $.ajax({ type: ' ...
think php ajax分页,thinkPHP5框架实现基于ajax的分页功能示例
本文实例讲述了thinkPHP5框架实现基于ajax的分页功能.分享给大家供大家参考,具体如下: 最近一个页面的选项卡又牵扯到ajax分页,所以研究了一下tp5的ajax分页使用方法首先看一下tp5 ...
ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP
AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...
vue中封装ajax请求方法,Vue如何封装ajax
Vue如何封装ajax 发布时间:2020-12-07 11:09:07 来源:亿速云阅读:123 作者:小新这篇文章主要介绍Vue如何封装ajax,文中介绍的非常详细,具有一定的参考价值,感兴趣 ...
原生JS封装ajax方法
http://blog.sucaijiayuan.com/article/89 jquery框架的ajax方法固然好用,但是假如某天我们的项目不能引入jquery或项目需求很简单,没有很多交互功能,只 ...
axios框架里面如何使用get,post,通用ajax方法请求。
回到文章总目录本篇文章介绍的内容为axios框架里面如何使用get,post,通用ajax方法请求. axios是目前前端ajax中最热门的工具库,是vue和react官方推荐的ajax工具包作用 ...
22-05-29 西安 javaweb(11) ajax、axios、gson/jackson/fastjson
ajax 异步的JavaScript和XML js中的一个技术,实现前后端分离,前后端分离就是分服务器部署,彻底舍弃了thymeleaf. ajax中必须使用响应浏览器数据,不能是请求转发和重定向 ...
axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别，瀑布流布局，添加删除事件...
[jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...

Javaweb的AJAX及Axios框架使用（封装AJAX）

概念:

作用:

总结:

Axios（封装AJAX）

Axios的使用

Javaweb的AJAX及Axios框架使用（封装AJAX）相关推荐

最新文章

热门文章