zoukankan      html  css  js  c++  java
  • ajax简单案例

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        <title>My JSP 'test1.jsp' starting page</title>
        <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
        <script type="text/javascript">
            $(function(){
                $("button").click(function(){
                    var param={
                        name:$("#name").val(),
                        age:$("#age").val()
                    };
                    $.ajax({
                    url:"OneServlet",
                    data:param,
                    beforeSend:function(){
                        $("img").show();
                    },
                    success:function(data)
                    {
                        alert(data);
                    },
                    complete:function()
                    {
                        $("img").hide();
                    },
                    error:function(XMLHttpRequest,textStatus,errorThrown){
                    alert(XMLHttpRequest+" "+textStatus+" "+errorThrown);
                    
                    }
                
                });
                });
                
            });
        </script>
        
      </head>
      <body>
        <form action="">
            <input  type="text" id="name"/><br>
            <input  type="text" id="age"/><br>
            <button id="btn">btu</button>
        </form>
        <img src="html/3.jpg" style="display:none;"/>
        
      </body>
    </html>

    对应的servlet

    package song.yan;
    
    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 OneServlet extends HttpServlet {
    
        
        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
    
            response.setContentType("text/html");
            PrintWriter out = response.getWriter();
            String name=request.getParameter("name");
            String age=request.getParameter("age");
            out.print(name+":"+age);
            out.flush();
            out.close();
        }
    
        
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
    
            doGet(request,response);
        }
    
    }
  • 相关阅读:
    创建一个新的进程os.fork
    进程的特征
    进程的状态
    多进程概念
    IO多路复用
    Objective-C 和 C++中指针的格式和.方法 和内存分配
    生活需要奋斗的目标
    iOS 关于UITableView的dequeueReusableCellWithIdentifier
    哈哈,发现了刚毕业时发布的求职帖子
    iOS 和Android中的基本日期处理
  • 原文地址:https://www.cnblogs.com/excellencesy/p/8873530.html
Copyright © 2011-2022 走看看