//前端页面
<!DOCTYPE html> <html> <head> <title>ajaxTest.html</title> <Meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <Meta http-equiv="description" content="这是一个AJAX Demo"> <Meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function loadText(){ var textHttp = null; if(window.XMLHttpRequest){ textHttp = new XMLHttpRequest(); }else{ textHttp =new ActiveXObject("Microsoft.XMLHTTP"); } textHttp.onreadystatechange = function(){ if(textHttp.readyState == 4 && textHttp.status == 200){ document.getElementById("getBtn").innerHTML = textHttp.responseText; } } /** * GET请求发送 并传递参数 */ textHttp.open("GET","/AjaxWithServlet/MyServlet?name=肖",true);// "项目名/servlet名称" textHttp.send(); /** * POST 请求发送并传递参数 */ textHttp.open("POST","/AjaxWithServlet/MyServlet",true); textHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); textHttp.send("name=肖建斌");//post 请求传递参数 } </script> </head> <body> <button id = "getBtn" type = "button" onclick="loadText()">获取数据</button><br><br> </body> </html>
//后端代码
import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class MyServlet extends HttpServlet { /** * */ private static final long serialVersionUID = 1L; public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException { doPost(request,response); } public void doPost(HttpServletRequest request,IOException { response.setCharacterEncoding("UTF-8"); PrintWriter writer = response.getWriter(); writer.print("这是返回的测试数据"); if (request.getParameter("name") != null) { System.out.println("姓名:" + new String(request.getParameter("name").getBytes("ISO-8859-1"),"UTF-8")); } } }
//请求路径
http://localhost:8080/AjaxWithServlet/html/ajaxTest.html