前言:
Ajax是一种在JavaWeb开发中常用的技术,通过它可以实现异步通信和动态加载数据,提升用户体验。
正文:
首先我们得明白异步通信,客户端发出请求后可以继续执行其他操作
由于原生的Ajax过于复杂
so: Axios对原生的Ajax进行了封装简化书写,快速开发:
代码:
文章来源地址https://www.toymoban.com/news/detail-520925.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ajax-Axios</title>
<script>"js\axios-0.18.0.js"</script>
</head>
<body>
<input type="button" value="获取数据" onclick="get()">
<input type="button" value="删除数据post" onclick="post()">
</body>
<script>
function get()
{
axios({
method: "get",
url:"www.baidu.com"
}).then(result=>
{
console.log(result.data);
}
)
}
function post()
{
axios({
method: "post",
url:"www.baidu.com",
data:"id=1"
}).then(result=>
{
console.log(result.data);
}
)
}
</script>
</html>
文章来源:https://www.toymoban.com/news/detail-520925.html
到了这里,关于javaWeb中的Ajax_待后期增加的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!