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

心已赠人 2022-11-02 11:49 143阅读 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 条评论，143人围观）

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

相关阅读

相关 Servlet与Ajax交互时的HTTP状态码理解

在Servlet和Ajax（Asynchronous JavaScript and XML）交互过程中，HTTP状态码是客户端和服务器之间通信的重要信息。以下是一些常见的HTT

分手后的思念是犯贱/ 2024年11月27日 06:42/ 0 赞/ 2 阅读

相关 Java Web开发：Servlet与AJAX交互实现案例

在Java Web开发中，Servlet是服务器端脚本语言，用于处理客户端发送的请求。而AJAX（Asynchronous JavaScript and XML）是一种异步的网

骑猪看日落/ 2024年10月19日 11:00/ 0 赞/ 42 阅读

相关 Jsp servlet+jquery+ajax实现

下面就用Jquery中的serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。 (1)JSP页面

分手后的思念是犯贱/ 2023年10月17日 09:22/ 0 赞/ 32 阅读

相关基于IDEA和Tomcat的 Ajax— —Servlet 交互

AJAX引擎工作原理 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

阳光穿透心脏的1/2处/ 2023年10月04日 12:21/ 0 赞/ 19 阅读

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

由于是使用jquery的所以别忘记导入jq 下面是jsp文件 pageEncoding="UTF-8"%> Insert title here function aj

心已赠人/ 2022年11月02日 11:49/ 0 赞/ 144 阅读

相关前后端交互问题总结--JAVA/Servlet + HTML/Jquery/Ajax

工作业务中遇到的，拿来放这总结下：以免自己以后有没有了思路：前后端交互问题现在来看自己能够想到的无非两种：后端接受请求处理业务逻辑并且负责页面的跳转和数据的显

「爱情、让人受尽委屈。」/ 2022年09月30日 06:15/ 0 赞/ 180 阅读

相关（二）jQuery+ajax与servlet的交互

前面了解到[jQuery.ajax][]的概念，里面的知识点讲述的很清楚。然后下一件事就是来完成一个例子来理解jQuery.ajax.：这里实现jQuery+ajax+

清疚/ 2022年06月14日 05:42/ 0 赞/ 276 阅读

相关 easyui ajax方式与后台servlet交互原理

easyui ajax方式与后台servlet交互原理 easyui ajax是以json数据方式来与后台进行交互的。阮一峰有篇博客对json数据格式总结的非常好： [

àì夳堔傛蜴生んèń/ 2022年01月05日 03:39/ 0 赞/ 234 阅读

相关 servlet+ajax实现json数据交互

需要插件　Jquery、jar包:json-lib-2.2.3-jdk15.jar及其他jar包如下: ![1012652-20190721153727747-1296919

旧城等待，/ 2021年11月01日 15:10/ 0 赞/ 441 阅读

相关 (Servlet)Ajax

Ajax的定义 Asynchronous JavaScript and Xml 异步的JavaScript和Xml Ajax是一种用来改善用户体验的技术，其实

我不是女神ヾ/ 2021年10月06日 13:16/ 0 赞/ 1340 阅读