• 一个简单的aJax——后台用servlet技术


    示例:webDemo

    一、客户端

    <%--
      Created by IntelliJ IDEA.
      User: Administrator
      Date: 15-12-2
      Time: 上午5:41
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
      <head>
        <title></title>
          <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
          <script type="text/javascript">
              function  ajaxTest(){
                  $.ajax({
                      type: "POST",
                      url: "mytest",
                      data: "name=John&location=Boston",
                      success: function(data){
                          alert( "Data Saved: " + data );
                      }
                  });
              }
    
          </script>
      </head>
      <body>
        <form action="mytest" method="post">
          <input name="name">
          return:${name}
          <input value="提交" type="submit">
    
            <input value="ajax" type="button" onclick="ajaxTest();">
        </form>
      </body>
    </html>

    二、服务端

    package com.wql.test;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.IOException;
    import java.io.PrintWriter;
    
    @WebServlet("/mytest")
    public class Test extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            doPost(req, resp);
        }
    
        @Override
        protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
            req.setCharacterEncoding("UTF-8");
            String name=req.getParameter("name");
            req.setAttribute("name",name);
            //----ajax
            PrintWriter writer =  resp.getWriter();
            //获取ajax的请求数据
            String reqParam1 = req.getParameter("name");
            String reqParam2 = req.getParameter("location");
            //调用PrintWriter的print或write方法均可将数据写入请求页面的ajax请求的回调函数——data
    //        writer.print("ajaxName of print");
            writer.print(reqParam1);//John 将ajax的请求中的数据写出
    //        writer.write("ajaxName");
    
    //        req.getRequestDispatcher("index.jsp").forward(req, resp);
        }
    
    }
  • 相关阅读:
    对话框通过EndDialog返回值传值回父窗体
    Win32 ListCtrl控件点击列标题排序
    GRPC头测试记录
    在Docker上运行redisstack
    linux通过docker容器下载和安装Jenkin
    Vite + Vue3 项目搭建笔记
    gnvm:nodejs版本管理工具的使用
    Webpack 学习笔记
    开发辅助工具集
    关于CH395的TCP servicer断开连接不上的问题(原创)
  • 原文地址:https://www.cnblogs.com/wql025/p/5022820.html
Copyright © 2020-2023  润新知