AJAX-实现-JQuery实现方式-ajax()
02-JQuery实现方式1.html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX-实现-JQuery实现方式-ajax</title>
<script src="js/jquery-3.6.1.min.js"></script>
<script>
// 定义方法
function fun() {
// 使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet1111",// 请求路径
type:"POST",// 请求方式
// data:"username=jack&age=23",// 请求参数
data:{"username":"jack","age":23},
success:function (data) {
alert(data);
},// 响应成功后的回调函数
});
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
AJAX-实现-JQuery实现方式-ajax()-其他键值
03-JQuery实现方式2.html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX-实现-JQuery实现方式-ajax</title>
<script src="js/jquery-3.6.1.min.js"></script>
<script>
// 定义方法
function fun() {
// 使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet1111",// 请求路径
type:"POST",// 请求方式
// data:"username=jack&age=23",// 请求参数
data:{"username":"jack","age":23},
success:function (data) {
alert(data);
},// 响应成功后的回调函数
error:function () {
alert("出错了...")
},// 表示如果请求响应出现错误,会执行的回调函数
dataType:"text"// 设置接受到的响应数据的格式
});
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
AJAX-实现-JQuery实现方式-get&post
GET
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery实现方式get</title>
<script src="js/jquery-3.6.1.min.js"></script>
<script>
// 定义方法
function fun() {
$.get("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"text");
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
post
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JQuery实现方式post</title>
<script src="js/jquery-3.6.1.min.js"></script>
<script>
// 定义方法
function fun() {
$.post("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"text");
}
</script>
</head>
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
</body>
</html>
标签：JQuery,function,方式,实现,AJAX,ajax,data
From： https://www.cnblogs.com/wsfj/p/17137112.html