------------恢复内容开始------------
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
<script>
//定义方法
function fun() {
//1. 创建核心对象
var xmlhttp;
if (window.XMLHttpRequest) {
//code for ie7+ firefox,chrome,opera,safari
xmlhttp = new XMLHttpRequest();
} else {
//code for ie6 ie5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//2. 建立拦截
/*
* 参数:
* 1. 请求方式:get,post
* ++>get方式,请求参数在 url后边拼接.send方法为空参
* ++>post方式,请求参数在 send方法中定义
* 2. 请求的 url:
* 3. 同步或异步请去:true(异步),false(同步)
* */
xmlhttp.open("get", "ajaxServlet?username=tom", true)
//3. 发送请求
xmlhttp.send();
//4. 接收并处理来自服务器的响应结果
//获取方式
//什么时候获取?当服务器响应成功的时候获取
xmlhttp.onreadystatechange = function () {//单 xmlhttp对象的就绪状态改变时,就触发事件 onreadystatechange
//判断 readyState就绪状态 0,1,2,3,4
// 判断响应状态码是否为200
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var responseText = xmlhttp.responseText;
alert(responseText)
}
}
}
</script>
@WebServlet("/ajaxServlet")
public class AjaxDemo1Servlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text:html;charset=utf-8");
//获取请求参数
String username = request.getParameter("username");
//处理业务逻辑 耗时
try {
Thread.sleep(5000);
} catch (InterruptedException e) {
e.printStackTrace();
}
//打印 username
System.out.println("username = " + username);
//响应
response.getWriter().write("htllo " + username);
}
}
<body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
<script src="/js/jquery-3.6.0.min.js"></script>
<script>
//定义方法
function fun() {
//使用 $.ajax()发送 异步请求
$.ajax({
url: "ajaxServlet", // 请求路径
type: "pose",//请求方式
//data:"username=jack&age=23", //请求参数
data: {"username": "jack", "age": 23}, //请求参数 json格式
success: function (data) { //响应成功后的回调函数
alert(data);
},
error: function (data) {//请求响应出现错误,会执行的回调函数
alert("出错了")
},
dataType: "test",//设置接收到响应数据格式
});
}
</script>
</body>
<input type="button" value="发送异步请求" onclick="fun()">
<input>
<script src="/js/jquery-3.6.0.min.js"></script>
<script>
//定义方法
function fun() {
//使用 $.ajax()发送 异步请求
$.get("ajaxServlet", {username: "rose"}, function (data) {
alert(data)
}), "text";
}
</script>
Person p = new Person();
p.setName();
p.setAge();
p.setGender();var p {"name":"A","age":"24","gender":"女"}
原文：https://www.cnblogs.com/zk2020/p/15308189.html