ajax请求servlet刷新html页面

最新推荐文章于 2022-03-14 06:38:31 发布

weixin_30675247

最新推荐文章于 2022-03-14 06:38:31 发布

阅读量147

点赞数

文章标签： java javascript json ViewUI

原文链接：http://www.cnblogs.com/gjmfg/p/6780692.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>

转载于:https://www.cnblogs.com/gjmfg/p/6780692.html

weixin_30675247

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax请求servlet刷新html页面

1、java类 package testsub; public class Sys { /** * 获取到一条消息 **/ public static String getMessage() { return "模拟，请求后端，返回一条消息"; } }2、servlet类 packag...
复制链接

扫一扫