博客
关于我
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/

    你可能感兴趣的文章
    Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
    查看>>
    Node 裁切图片的方法
    查看>>
    node+express+mysql 实现登陆注册
    查看>>
    Node+Express连接mysql实现增删改查
    查看>>
    node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
    查看>>
    Node-RED中Button按钮组件和TextInput文字输入组件的使用
    查看>>
    vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
    查看>>
    Node-RED中Switch开关和Dropdown选择组件的使用
    查看>>
    Node-RED中使用exec节点实现调用外部exe程序
    查看>>
    Node-RED中使用function函式节点实现数值计算(相加计算)
    查看>>
    Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
    查看>>
    Node-RED中使用JSON数据建立web网站
    查看>>
    Node-RED中使用json节点解析JSON数据
    查看>>
    Node-RED中使用node-random节点来实现随机数在折线图中显示
    查看>>
    Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
    查看>>
    Node-RED中使用node-red-contrib-image-output节点实现图片预览
    查看>>
    Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
    查看>>
    Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
    查看>>
    Node-RED中使用range范围节点实现从一个范围对应至另一个范围
    查看>>
    Node-RED中实现HTML表单提交和获取提交的内容
    查看>>