<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
function subTest(){
$.post("DoIndex", { name: "John", time: "2pm" },
function(data){
$("#test").html(data);
});
}
</script>
</head>
<body>
<input type="button" name="测试" value="测试" onclick="subTest()"></input>
<h1 id="test"></h1>
</body>
</html>
servlet中的写法
package com.dragon.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class DoIndex extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
/**
* Constructor of the object.
*/
public DoIndex() {
super();
}
/**
* Destruction of the servlet. <br>
*/
public void destroy() {
super.destroy(); // Just puts "destroy" string in log
// Put your code here
}
/**
* The doGet method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to get.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//response.setContentType("text/html");
//PrintWriter out = response.getWriter();
//out
//.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
//out.println("<HTML>");
//out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
//out.println(" <BODY>");
//out.print(" This is ");
//out.print(this.getClass());
//out.println(", using the GET method");
//out.println(" </BODY>");
//out.println("</HTML>");
//out.flush();
//out.close();
this.doPost(request, response);
}
/**
* The doPost method of the servlet. <br>
*
* This method is called when a form has its tag value method equals to post.
*
* @param request the request send by the client to the server
* @param response the response send by the server to the client
* @throws ServletException if an error occurred
* @throws IOException if an error occurred
*/
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.write("数据查询成功!");
//out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
//out.println("<HTML>");
//out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>");
//out.println(" <BODY>");
//out.print(" This is ");
//out.print(this.getClass());
//out.println(", using the POST method");
//out.println(" </BODY>");
//out.println("</HTML>");
out.flush();
out.close();
}
/**
* Initialization of the servlet. <br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
本人亲测成功
如图
调用前:
调用后:
相关推荐
在本例中,servlet会接收到jQuery发起的请求,然后根据业务逻辑查询数据库或其他数据源,将结果转化为JSON对象,最后将这个对象写入响应体返回给前端。 ```java protected void doGet(HttpServletRequest request, ...
在客户端,我们可以使用jQuery的`.ajax()`方法发起AJAX请求。以下是一个简单的例子: ```javascript $.ajax({ url: '/api/user', type: 'GET', data: { id: 1 }, success: function(user) { // 处理返回的用户...
在这个例子中,Servlet接收了来自jQuery的POST请求,解析了参数,进行了用户验证,并以JSON格式返回了结果。jQuery的`success`回调函数接收到这个响应并进行相应的处理。 这个简单的例子展示了jQuery如何通过Ajax与...
jQuery、Ajax 和 Servlet 是 web 开发中的核心技术,它们在构建动态和交互性强的网页应用中起着关键作用。本文将全面解析这三者之间的交互及其使用方法。 首先,jQuery 是一个流行的 JavaScript 库,它简化了 ...
在这个场景中,我们将探讨如何使用Servlet结合jQuery的uploadify插件来实现附件的上传。Servlet是Java Web应用中的服务器端组件,用于接收客户端请求并返回响应。jQuery则是一种强大的JavaScript库,它简化了DOM操作...
在这里,我们将使用jQuery的Ajax方法来异步提交文件,同时利用XMLHttpRequest对象的onprogress事件监听文件上传的进度。当文件正在上传时,onprogress事件会被触发,我们可以从中获取已经传输的数据量,然后更新页面...
在文件上传的servlet中,我们需要解析请求,获取文件内容,然后将其保存到服务器的某个位置。例如,使用`HttpServletRequest`的`getParts()`方法获取上传的文件,再通过`Part`的`write()`方法写入文件。 **文件上传...
在Servlet中,会使用JDBC(Java Database Connectivity)接口来执行SQL查询,获取数据,然后转换为JSON格式。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器...
这个实例源码主要展示了如何在Web开发中利用jQuery库进行AJAX异步请求,与后台Servlet进行数据交互,并通过JSON格式来序列化和反序列化数据。这些技术是现代Web应用中常见的组件,对于前端与后端通信至关重要。 ...
在jQuery中,使用$.ajax()方法或者其他辅助方法(如$.get(), $.post())可以方便地发起Ajax请求。 在Servlet中集成jQuery和Ajax,可以创建出更加动态的Web应用。例如,当用户在前端进行某些操作(如填写表单、点击...
4. DOCTYPE和URL映射:在web.xml中配置Servlet,如`<servlet-mapping>`和`<url-pattern>`。 5. HttpServlet:Servlet的基类,提供默认的`service()`方法,根据请求类型分发到`doGet()`或`doPost()`。 6. Session和...
在IT行业中,jQuery和Servlet是两个非常重要的技术。jQuery是一个高效、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。而Servlet是Java Web开发中的核心组件,用于处理服务器端的...
【标题】"使用Servlet+jQuery实现读取本地硬盘图片"涉及的主要知识点是Web开发中的服务器端处理和客户端交互。在Web应用中,Servlet是Java语言用于处理HTTP请求的重要组件,而jQuery则是一种广泛使用的JavaScript库...
在该函数中,通过jQuery选择器获取输入框中的值,并使用$.post方法将用户名和密码发送到服务器端的servlet/login路径。 ```javascript function testPost() { var name = $("#name").val(); var pass = $("#...
在jQuery中,$.ajax()方法是进行AJAX请求的核心函数,它可以实现异步数据获取与页面更新。 【AJAX使用】在jQuery中,使用AJAX通常包括以下步骤: 1. 引入jQuery库:确保HTML文件中包含了jQuery库,通常通过CDN链接...
在Servlet中,可以使用`response.getWriter().write()`将消息发送回客户端。 4. **安全性与性能**:为了防止XSS和CSRF攻击,Servlet需要对用户输入进行验证和过滤。同时,优化并发处理能力,确保高并发场景下的聊天...
在本篇文章中,我们将探讨如何在Java Server Pages (JSP)中利用jQuery的`ajaxSubmit`方法实现异步文件上传,这在现代Web应用中是常见的需求。 首先,我们需要引入jQuery库。在给定的文件列表中,我们有两个版本的...
在这个例子中,jQuery发送一个POST请求到/myServlet,并传递键值对数据。Servlet处理请求并返回结果,这个结果会被jQuery的success回调函数接收到,然后更新ID为`result`的元素内容。 总的来说,jQuery和Servlet-...
在这个示例中,可能使用了`$.ajax()`或者`$.get()`或`$.post()`方法来发送异步请求。这些函数提供了方便的方式来设置请求参数,如URL、类型(GET或POST)、数据以及回调函数等。 2. **Servlet处理请求**:在服务器...
在这个项目中,前端使用Ajax向Servlet发送请求,获取XML数据,然后在回调函数中利用这些数据构建树形结构。 至于**XML树形结构**,XML(Extensible Markup Language)是一种用于存储和传输结构化数据的标准格式。在...