欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-04-16 15:54:12
这篇文章主要介绍了使用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);                         //将数据传到前端
  }
}

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

上一篇： Java多态实现人喂养宠物小案例

下一篇： Java中Http连接的两种方式(小结)

推荐阅读