在servlet里面,定义了ajax要执行的内容,最后返回给ajax的调用处。但是值得注意的是,在servlet里面,定义mime类型的时注意:
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
System.out.println("ok");
try {
resp.setContentType("text/xml;charset=gbk");//这个其实是定义该数据在页面上如何让显示,这个是以xml格式的内容进行显示。如果不给出指定,就会按照默认的html类型进行设置mime类型
PrintWriter pw=resp.getWriter();
pw.println("<html>");
pw.println("<body>");
pw.println("<h1>登陆界面</hi>");
pw.println("<form action=?? method=post>");
pw.println("用户名:<input type=text name=username><br>");
pw.println("密码:<input type=passward name=passwd><br>");
pw.println("<input type=submit value=loing><br>");
pw.println("</body>");
pw.println("</html>");
} catch (Exception e) {
e.printStackTrace();
// TODO: handle exception
}
}
页面:
$.ajax({
type:"post",
url:"<%=path %>/s",
cache: false,
dataType: "text",//dataType是规定页面返回到页面调用出的格式,如果不给出指定,那么会按照返回的mime类型进行判断。
success: function(html){
alert(html);
}
});
dataTypeString
预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串
相关推荐
本文将深入探讨Spring与jQuery AJAX交互以及Servlet与jQuery AJAX交互的知识点。 ### Spring与jQuery AJAX交互 #### 1. Spring MVC中的RESTful API设计 在Spring MVC中,我们可以创建RESTful服务,通过HTTP的CRUD...
在IT行业中,`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术,它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先,`jQuery` 是一个高效、轻量级的...
这个简单的demo是一个很好的学习资源,帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互,以及如何使用JSON进行数据交换。通过实践这个demo,你可以更深入地了解这些技术的实际应用。同时,它也展示了Web...
使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Servlet的交互开始。
- **jQuery与Ajax结合**:jQuery提供了方便的Ajax函数,如`$.ajax()`, `$.get()`, `$.post()`等,简化了Ajax调用的编写。例如,使用`$.post()`可以轻松地发送POST请求到Servlet。 3. **Servlet基础**: - **...
Struts2、jQuery、Ajax和Servlet是Web开发中常见的技术栈,它们共同构建了动态、交互式的用户界面。本文将详细解析这些技术及其在给定示例中的应用。 首先,Struts2是一个基于MVC(Model-View-Controller)设计模式...
2. **AJAX请求**:当用户点击登录按钮时,使用JavaScript的XMLHttpRequest对象或者更现代的fetch API,发送AJAX请求到对应的Servlet。 3. **Servlet处理**:Servlet接收到请求后,通过JDBC连接数据库,执行查询用户...
总结,jQuery 的 AJAX 函数(如 `load()`, `get()`, `post()`)简化了与服务器的通信,而 Servlet 提供了处理这些请求的能力。通过这些技术,开发者能够创建更流畅、响应更快的用户体验,而无需完全刷新整个页面。...
【标题】"Mysql + jsp +javabean+ jquery +ajax+servlet等的例子综合"是一个涵盖多种技术的Web开发实战项目,旨在帮助开发者理解如何将这些技术有效地整合在一起,以构建动态、交互性强的Web应用程序。在这个项目中...
在这个实例中,我们将深入探讨如何使用Ajax与Servlet结合,以实现更高效、更流畅的用户界面。 ### 1. 创建Ajax请求 在Ajax中,我们通常使用JavaScript的XMLHttpRequest对象或其现代版本——fetch API来发送请求。...
在Web开发中,Ajax(Asynchronous JavaScript and XML)与Servlet的交互是常见的技术组合,用于构建动态、异步的用户界面。本知识点主要探讨如何利用Ajax进行前后台数据交换,特别是当后台服务(Servlet)返回的数据...
在开发Web应用时,我们经常会遇到字符编码的问题,特别是在使用jQuery AJAX与Servlet进行交互时。本文将详细讨论如何解决jQuery AJAX向Servlet传递参数时出现的乱码问题。 首先,我们需要确保JSP页面本身没有编码...
Servlet、jQuery和Ajax是Web开发中的重要技术,它们在构建动态、交互性强的网页应用中起着关键作用。这篇博文将深入探讨这三个概念及其相互之间的关系。 Servlet是Java平台上的一个标准,它允许开发者创建服务器端...
在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...
在IT行业中,Ajax(Asynchronous JavaScript and XML)与Servlet的结合使用是构建高效、交互性强的Web应用程序的关键技术。这个实例“Ajax与servlet免刷新验证”主要展示了如何利用Ajax实现用户输入数据的实时验证,...
这个简单的例子展示了jQuery如何通过Ajax与Servlet进行交互,实现了无刷新的数据提交和处理。在实际应用中,这种交互方式可以用于更复杂的场景,如分页加载、实时数据更新等。通过不断实践和学习,你可以进一步提升...
在网页开发中,jQuery AJAX 是一个非常重要的技术,它使得前端与后端的数据交互变得更加便捷。本主题将深入探讨如何利用jQuery AJAX实现动态级联效果,即二级联动下拉菜单,这种功能通常用于多级分类选择或者地区...
### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...
"Ajax + Servlet" 分页技术是结合了异步JavaScript和XML(Ajax)与Java Servlet技术来实现在不刷新整个页面的情况下动态加载分页内容。本文将深入探讨这种技术的实现原理和步骤。 首先,让我们理解Ajax的核心概念。...