简单的Ajex+Servlet实现

最新推荐文章于 2023-11-21 13:31:26 发布

萌新小柴鸡

最新推荐文章于 2023-11-21 13:31:26 发布

阅读量448

点赞数

分类专栏： JSP and servlet and AJAX 文章标签： servlet

本文链接：https://blog.csdn.net/lihuan6656/article/details/53435135

版权

JSP and servlet and AJAX 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var xml;
        function leehuan() {
            var elee = "leehuanhaa"
            if (window.XMLHttpRequest) {
                xml = new XMLHttpRequest()
            } else {
                xml = new ActiveXObject("Microsoft.XMLHTTP")
            }

            if (null != xml)
            {
              elee = document.getElementById("txt1").innerHTML;
                xml.onreadystatechange = changetxt;
                xml.open("POST","Ajex",true);//Ajex为Servlet名称
                xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                xml.send("num1="+elee);//注意，在Servlet需要用=来区分key和value
            }

        }

        function changetxt() {
            if(xml.readyState==4 && xml.status==200){
                document.getElementById("txt1").innerHTML = xml.responseText;
            }
        }
    </script>
</head>
<body>
    <div id="txt1">lalallala</div>
    <button id="btn" onclick="leehuan()">点击</button>
</body>
</html>

Servlet代码

public class Ajex extends HttpServlet {


    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html");
        String num = req.getParameter("num1");
        PrintWriter writer = resp.getWriter();
        writer.print(num+"==="+"sucess");


    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req,resp);
    }
}

萌新小柴鸡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的Ajex+Servlet实现

HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> var xml; function leehuan() { var elee = "leehuanhaa"
复制链接

扫一扫

专栏目录