博客
关于我
jQuery 调用 Ajax 实现查询的局部更新 (jsp + servlet + jQuery + Ajax)
阅读量:393 次
发布时间:2019-03-05

本文共 1785 字,大约阅读时间需要 5 分钟。

jQuery?Java Servlet??AJAX???????

???????????jQuery??Java Servlet?????????????????????????

??????

???????????HTML????????????

  • ??????????????
  • ????????AJAX??
  • ??????????????????

???????

    

????????

??????Java Servlet??????????

  • ???????????
  • ????????????
  • ?????????
  • ???????

    package com.syrdbt.system.servlet;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;@WebServlet("/TestAjaxServlet")public class TestAjaxServlet extends HttpServlet {    protected void doGet(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        request.setCharacterEncoding("utf-8");        String name = request.getParameter("info");        System.out.println("?????? " + name);                if(name.equals("abc")) {            response.getWriter().print("success");        } else {            response.getWriter().print("failed");        }    }        protected void doPost(HttpServletRequest request, HttpServletResponse response)            throws ServletException, IOException {        doGet(request, response);    }}

    ??????

  • HTML????

    • ????jQuery?
    • ?????????ID???JavaScript??
  • JavaScript????

    $(function() {    $("#search").click(function() {        var value = $("#info").val();        $.ajax({            type: 'POST',            url: "TestAjaxServlet",            data: "info=" + value,            success: function(result) {                $("#show").html(result);            }        });    });});
  • ????????

    • ???????
    • ????????
    • ????
  • ?????

    ?????????????

  • ???????
  • ??????AJAX??
  • ???????????
  • ??????????
  • ??????????????????????????????HTML???????????????

    转载地址:http://fpkzz.baihongyu.com/

    你可能感兴趣的文章
    Postman接口测试/接口自动化实战教程
    查看>>
    Postman接口测试之POST、GET请求方法
    查看>>
    Postman接口测试之Post、Get请求方法
    查看>>
    Postman接口测试之:添加Cookie伪造请求
    查看>>
    Postman接口测试企业级实战
    查看>>
    PostMan接口测试实战
    查看>>
    Postman接口测试实战讲解
    查看>>
    Postman接口测试工具安装部署与快速入门
    查看>>
    postman接口测试常见问题
    查看>>
    Qkeras量化模型-直接搭建模型的量化感知训练
    查看>>
    postman接口测试,1个参数有好几个值的时候如何测试比较简单快速?
    查看>>
    Postman接口测试:配置token为全局变量,配置测试环境
    查看>>
    Postman接口测试:配置token为全局变量,配置测试环境
    查看>>
    Postman接口自动化测试之——批量参数化(参数文件)
    查看>>
    Postman接口自动化测试之——批量执行(集合操作)
    查看>>
    Postman接口自动化测试之——批量执行(集合操作)
    查看>>
    Postman接口自动化测试实战整理
    查看>>
    Postman接口自动化测试:从入门到实践!
    查看>>
    Postman断言与依赖接口测试详解!
    查看>>
    Postman核心功能解析 —— 参数化和测试报告
    查看>>