//前端页面
<!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" οnclick="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, HttpServletResponse response)
throws ServletException, 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