AJAX学习笔记4解决乱码问题_biubiubiu0706的博客-CSDN博客
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>演示AJAX同步和异步</title>
</head>
<body>
<script type="text/javascript">
window.onload=function (){
document.getElementById("btn1").onclick=function(){
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(this.readyState==4){
if(this.status==200){
document.getElementById("div1").innerHTML=this.responseText
}else{
alert("请求失败")
}
}
}
xhr.open("get","/ajax/test1",true)
xhr.send()
}
document.getElementById("btn2").onclick=function(){
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
if(this.readyState==4){
if(this.status==200){
document.getElementById("div2").innerHTML=this.responseText
}else{
alert("请求失败")
}
}
}
xhr.open("get","/ajax/test2",false)
xhr.send()
}
}
</script>
<button id="btn1">AJAX请求1</button>
<div id="div1"></div>
<button id="btn2">AJAX请求2</button>
<div id="div2"></div>
</body>
</html>
test1
package com.web;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author hrui
* @date 2023/9/4 10:34
*/
@WebServlet("/test1")
public class AjaxRequestTest1 extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
try {
Thread.sleep(10000);
} catch (InterruptedException e) {
e.printStackTrace();
}
resp.setContentType("text/html;charset=utf-8");
resp.getWriter().print("AJAX请求1");
}
}
test2
package com.web;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @author hrui
* @date 2023/9/4 10:34
*/
@WebServlet("/test2")
public class AjaxRequestTest2 extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// try {
// Thread.sleep(10000);
// } catch (InterruptedException e) {
// e.printStackTrace();
// }
resp.setContentType("text/html;charset=utf-8");
resp.getWriter().print("AJAX请求2");
}
}
原文地址:https://blog.csdn.net/tiantiantbtb/article/details/132665311
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_48684.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。