1、java類
package testsub;
public class Sys {
/**
* 獲取到一條消息
**/
public static String getMessage() {
return "模擬，請求后端，返回一條消息";
}
}
2、servlet類
package testsub;
import java.io.IOException;
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 = -7820821330469179359L;
@Override
public void init() throws ServletException {
super.init();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
req.getParameter("selecttime");//獲取ajax請求參數
String str=Sys.getMessage;
resp.getWriter().print(str);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doGet(req, resp);
}
}
3、servlet配置
<servlet>
<servlet-name>myservlet</servlet-name>
<servlet-class>testsub.MyServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>myservlet</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
4、html代碼
<html>
<head>
<meta charset="UTF-8">
<title>測試請求后台數據成功否</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var selecttime='參數';
$.ajax({
url:'uuu.do',
type:'POST',//GET 或POST
async:true,//false是否異步
data:{selecttime:selecttime},
dataType:'text',//返回的數據格式類型json/xml/html/script/jsonp/text （返回的值很關鍵，如果不是text類型，頁面可能會被重寫）
success:function(data){
console.log(data);
$("#sss").html(data);
},
error:function(data){
console.log(data);//在前端控制台打印請求的狀態
}
});
})
</script>
</head>
<body>
<h1 id="sss"></h1>
</body>
</html>