脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → java → 使用jquery 的ajax 与 Java servlet的交互

使用jquery 的ajax 与 Java servlet的交互代码实例

 更新时间：2019年09月05日 14:28:27   作者：飞鳥  
这篇文章主要介绍了使用jquery 的ajax 与 Java servlet的交互代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了使用jquery 的ajax 与 Java servlet的交互代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

由于是使用jquery的 所以别忘记导入jq

下面是jsp文件

<%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Insert title here</title>
  <script src="js/jquery-3.3.1.js"></script>
  <script type="text/javascript">
    function ajaxFun(){
      $.ajax({
        type: "POST",              //传数据的方式
        url: "user",               //servlet地址
 
        data: $('#form').serialize(),      //传的数据 form表单 里面的数据
        success: function(result){        //传数据成功之后的操作  result是servlet传过来的数据 这个函数对result进行处理，让它显示在 输入框中
          $("#results").val(result);      //找到输入框 并且将result的值 传进去
        }
      });
    }
 
  </script>
</head>
<body>
<H1 align="center">请输入两个字符串</H1>
<div align="center">
  <form id="form">
    first:<input type="text" name="first" id="first">
    second:<input type="text" name="second" id="second"><br data-filtered="filtered">　　　　　//点击按钮的时候触发属性
    <button type="button" onclick="ajaxFun()">button</button> //提交 按钮
  </form>
  <input type="text" id="results">
  // 用来 显示 result
</div>
</body>
</html>

然后是 servlet 文件

package com.java.servlet;
import java.io.IOException;
import java.io.PrintWriter;
/**
 * Ajax 训练
 * */
public class UserServlet extends javax.servlet.http.HttpServlet {
  protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
    this.doGet(request,response);
  } 
  protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("UTF-8");
    PrintWriter out = response.getWriter(); 
    String first = request.getParameter("first");      //从前端获取数据first
    String second = request.getParameter("second");     //从前端获取数据second
    String result=first+second;
    System.out.println(result);                   //用于测试 ，判断是否成功获取到数据；
    out.println(result);                         //将数据传到前端
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • SpringBoot项目如何将Bean注入到普通类中

    SpringBoot项目如何将Bean注入到普通类中

    这篇文章主要介绍了SpringBoot项目如何将Bean注入到普通类中，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2021-11-11
  • 详解spring boot实现websocket

    详解spring boot实现websocket

    这篇文章主要介绍了详解spring boot实现websocket，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Springboot项目使用拦截器方法详解

    Springboot项目使用拦截器方法详解

    这篇文章主要介绍了Springboot项目使用拦截器方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • mybatis mapper.xml 区间查询条件详解

    mybatis mapper.xml 区间查询条件详解

    这篇文章主要介绍了mybatis mapper.xml 区间查询条件详解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2021-09-09
  • SpringSecurity的防Csrf攻击实现代码解析

    SpringSecurity的防Csrf攻击实现代码解析

    这篇文章主要介绍了SpringSecurity的防Csrf攻击实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • IDEA编译乱码Build Output提示信息乱码

    IDEA编译乱码Build Output提示信息乱码

    IDEA编译的时候乱码，Build Output提示信息乱码，本文就详细的介绍一下解决方法，有需要的同学可以了解一下
    2021-06-06
  • ZIP4j 压缩与解压的实例详解

    ZIP4j 压缩与解压的实例详解

    这篇文章主要介绍了ZIP4j 压缩与解压的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
    2017-10-10
  • JAVA ArrayList详细介绍(示例)

    JAVA ArrayList详细介绍(示例)

    本文对JAVA ArrayList做了详细介绍，文中学到了ArrayList源码解析、ArrayList遍历方式、toArray()异常，最后给出了ArrayList示例。
    2013-11-11
  • SpringBoot中修改依赖版本的方法

    SpringBoot中修改依赖版本的方法

    这篇文章主要介绍了SpringBoot中如何修改依赖的版本,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-08-08
  • Java全面分析面向对象之封装

    Java全面分析面向对象之封装

    或许大家都听说过java是纯面向对象语言，面向对象思想也就是我们常说的OOP,我们听说最多的思想就是继承，封装，多态，今天我们来讲一讲封装
    2022-04-04

最新评论