java servlet ajax_使用jquery 的ajax 与 Java servlet的交互

心已赠人 2022-11-02 11:49 203阅读 0赞

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

下面是jsp文件

pageEncoding=”UTF-8”%>

Insert title here

function ajaxFun(){

$.ajax({

type: “POST”, //传数据的方式

url: “user”, //servlet地址

data: $(‘#form’).serialize(), //传的数据 form表单 里面的数据

success: function(result){ //传数据成功之后的操作 result是servlet传过来的数据 这个函数对result进行处理，让它显示在 输入框中

$(“#results”).val(result); //找到输入框 并且将result的值 传进去

}

});

}

请输入两个字符串

first:

second:

//点击按钮的时候触发属性

button //提交 按钮

// 用来 显示 result

然后是 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); //将数据传到前端

}

}

发表评论

表情：
评论列表 （有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读