ajax請求servlet刷新html頁面


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM