`
747017186
  • 浏览: 334133 次
社区版块
存档分类
最新评论

jquery ajax 与servlet

 
阅读更多

在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交互以及Servlet与jQuery AJAX交互的知识点。 ### Spring与jQuery AJAX交互 #### 1. Spring MVC中的RESTful API设计 在Spring MVC中,我们可以创建RESTful服务,通过HTTP的CRUD...

    Jquery+ajax+json+servlet

    在IT行业中,`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术,它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先,`jQuery` 是一个高效、轻量级的...

    jquery ajax servlet json简单demo

    这个简单的demo是一个很好的学习资源,帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互,以及如何使用JSON进行数据交换。通过实践这个demo,你可以更深入地了解这些技术的实际应用。同时,它也展示了Web...

    ajax与Servlet交互

    使用Struts2和jQuery EasyUI实现简单CRUD系统,从零开始,从基础的ajax与Servlet的交互开始。

    Ajax和servlet数据交互小实例

    - **jQuery与Ajax结合**:jQuery提供了方便的Ajax函数,如`$.ajax()`, `$.get()`, `$.post()`等,简化了Ajax调用的编写。例如,使用`$.post()`可以轻松地发送POST请求到Servlet。 3. **Servlet基础**: - **...

    struts2+jquery+ajax+servlet

    Struts2、jQuery、Ajax和Servlet是Web开发中常见的技术栈,它们共同构建了动态、交互式的用户界面。本文将详细解析这些技术及其在给定示例中的应用。 首先,Struts2是一个基于MVC(Model-View-Controller)设计模式...

    jsp+ajax+servlet+jdbc案例

    2. **AJAX请求**:当用户点击登录按钮时,使用JavaScript的XMLHttpRequest对象或者更现代的fetch API,发送AJAX请求到对应的Servlet。 3. **Servlet处理**:Servlet接收到请求后,通过JDBC连接数据库,执行查询用户...

    jQuery_Ajax_Servlet全解析

    总结,jQuery 的 AJAX 函数(如 `load()`, `get()`, `post()`)简化了与服务器的通信,而 Servlet 提供了处理这些请求的能力。通过这些技术,开发者能够创建更流畅、响应更快的用户体验,而无需完全刷新整个页面。...

    Mysql + jsp +javabean+ jquery +ajax+servlet等的例子综合

    【标题】"Mysql + jsp +javabean+ jquery +ajax+servlet等的例子综合"是一个涵盖多种技术的Web开发实战项目,旨在帮助开发者理解如何将这些技术有效地整合在一起,以构建动态、交互性强的Web应用程序。在这个项目中...

    Ajax+Servlet 实例

    在这个实例中,我们将深入探讨如何使用Ajax与Servlet结合,以实现更高效、更流畅的用户界面。 ### 1. 创建Ajax请求 在Ajax中,我们通常使用JavaScript的XMLHttpRequest对象或其现代版本——fetch API来发送请求。...

    Ajax与servlet后台交互,数据类型JSON

    在Web开发中,Ajax(Asynchronous JavaScript and XML)与Servlet的交互是常见的技术组合,用于构建动态、异步的用户界面。本知识点主要探讨如何利用Ajax进行前后台数据交换,特别是当后台服务(Servlet)返回的数据...

    jQuery Ajax传值到Servlet出现乱码问题的解决方法

    在开发Web应用时,我们经常会遇到字符编码的问题,特别是在使用jQuery AJAX与Servlet进行交互时。本文将详细讨论如何解决jQuery AJAX向Servlet传递参数时出现的乱码问题。 首先,我们需要确保JSP页面本身没有编码...

    Servlet jQuery Ajax

    Servlet、jQuery和Ajax是Web开发中的重要技术,它们在构建动态、交互性强的网页应用中起着关键作用。这篇博文将深入探讨这三个概念及其相互之间的关系。 Servlet是Java平台上的一个标准,它允许开发者创建服务器端...

    ajax+servlet+jquery+jsp示例

    在"ajax+servlet+jquery+jsp示例"中,我们看到的是一个使用Ajax实现前后台交互的经典应用场景。 1. **jQuery的Ajax函数**:jQuery是一个流行的JavaScript库,它简化了JavaScript的许多操作,包括Ajax请求。在这个...

    Ajax与servlet免刷新验证

    在IT行业中,Ajax(Asynchronous JavaScript and XML)与Servlet的结合使用是构建高效、交互性强的Web应用程序的关键技术。这个实例“Ajax与servlet免刷新验证”主要展示了如何利用Ajax实现用户输入数据的实时验证,...

    jquery与servlet交互

    这个简单的例子展示了jQuery如何通过Ajax与Servlet进行交互,实现了无刷新的数据提交和处理。在实际应用中,这种交互方式可以用于更复杂的场景,如分页加载、实时数据更新等。通过不断实践和学习,你可以进一步提升...

    Jquery Ajax 动态级联

    在网页开发中,jQuery AJAX 是一个非常重要的技术,它使得前端与后端的数据交互变得更加便捷。本主题将深入探讨如何利用jQuery AJAX实现动态级联效果,即二级联动下拉菜单,这种功能通常用于多级分类选择或者地区...

    jquery+ajax+jsp+servlet实现二级级联菜单

    ### 使用jQuery、Ajax、JSP与Servlet实现二级级联菜单 #### 一、项目背景与技术栈概述 本文档将详细介绍如何使用jQuery、Ajax、JSP与Servlet来实现一个简单的二级级联菜单功能。该功能常见于许多Web应用程序中,如...

    ajax+servlet分页

    "Ajax + Servlet" 分页技术是结合了异步JavaScript和XML(Ajax)与Java Servlet技术来实现在不刷新整个页面的情况下动态加载分页内容。本文将深入探讨这种技术的实现原理和步骤。 首先,让我们理解Ajax的核心概念。...

Global site tag (gtag.js) - Google Analytics