jQuery-ajax-Ajax()方法和Servlet交互实例

左手的ㄟ右手 2023-06-28 15:27 36阅读 0赞

前端部分：

first:<input type="text" id="first">
    first3:<input type="text" id="first3">
    <button onclick="btn()">提交</button>
    first1:<input type="text" name="first1" id="result">

js部分：

function btn(){
    	$.ajax({
    		type:"post",
    		url:"servlet/indexservlet",
    		data:{"first":$("#first").val(),"first3":$("#first3").val()},
    		async:true,
    		success:function(result){
    			$("#result").val(result);
    		}
    	});
    }

Servlet部分：

response.setContentType("text/html");
    		response.setCharacterEncoding("utf-8");
    		PrintWriter out = response.getWriter();
    		String first = request.getParameter("first");
    		String first3 = request.getParameter("first3");
    		String result = first+first3;
    		System.out.println(first3+first);
    		out.print(result);

运行效果：  
![在这里插入图片描述][20200109162533952.png]  
![在这里插入图片描述][20200109162558979.png]

[20200109162533952.png]: https://img-blog.csdnimg.cn/20200109162533952.png
[20200109162558979.png]: https://img-blog.csdnimg.cn/20200109162558979.png

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

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

相关阅读

相关 JSP与Servlet交互问题实例

在JavaServer Pages（JSP）和Servlet之间进行交互，通常涉及到请求的获取、处理以及响应的生成。以下是一个具体的实例： 1. **场景设定**：用户通过浏

曾经终败给现在/ 2024年11月28日 10:57/ 0 赞/ 66 阅读

相关 Java Web开发：Servlet与JSP交互实例

在Java Web开发中，Servlet和JSP（JavaServer Pages）是两个关键的组件，它们之间通过请求/响应机制进行交互。以下是一个简单的Servlet和J

怼烎@/ 2024年11月25日 01:39/ 0 赞/ 156 阅读

相关 Java Web应用开发：Servlet和JSP交互的问题实例

Java Web应用开发中，Servlet和JSP（JavaServer Pages）是两个常用的技术，它们经常一起使用来构建动态Web应用。Servlet主要负责处理业务逻辑

柔情只为你懂/ 2024年11月13日 23:47/ 0 赞/ 123 阅读

相关 Java Web开发中的Servlet和Filter交互问题实例解析

在Java Web开发中，Servlet和Filter是两个非常重要的组件，它们共同工作以处理HTTP请求和响应。Servlet负责处理具体的业务逻辑，而Filter则用于在请

一时失言乱红尘/ 2024年11月09日 18:18/ 0 赞/ 99 阅读

相关 Java Web开发：Servlet和JSP交互问题实例

在Java Web开发中，Servlet与JSP的交互是常见的需求。下面以一个具体的例子来说明这个问题。假设我们有一个用户登录系统，由Servlet（如LoginServl

素颜马尾好姑娘i/ 2024年10月22日 07:18/ 0 赞/ 179 阅读

相关 JSP和Servlet交互过程中常见问题

在JSP（JavaServer Pages）和Servlet之间进行交互时，可能会遇到一些常见的问题。以下是一些主要问题： 1. **权限问题**：如果Servlet需要访问

﹏ヽ暗。殇╰゛Y/ 2024年09月16日 06:04/ 0 赞/ 174 阅读

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

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

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

相关前端与Servlet交互详解

-------------------- 文章目录一、web开发二、运行在web里的Servlet 三、Http请求协议

╰+攻爆jí腚メ/ 2023年09月26日 18:41/ 0 赞/ 198 阅读

相关 jQuery-ajax-Ajax()方法和Servlet交互实例

前端部分： first:<input type="text" id="first"> first3:<input type="text" id="first3

左手的ㄟ右手/ 2023年06月28日 15:27/ 0 赞/ 37 阅读

相关 WebForm和WinForm交互方法

注：这篇文章是我转自：[http://smalldust.cnblogs.com/archive/2006/03/08/345561.html][http_smalldust.

傷城~/ 2022年01月08日 01:59/ 0 赞/ 392 阅读