啥也不说了，直接上代码
java程序：
response.setContentType("text/xml");
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
StringBuffer result = new StringBuffer();
result.append("<studlist><student><name>任贤齐</name><age>36</age><mail id='email'>rxq@yahoo.cn</mail></student><student><name>程浩</name><age>32</age><mail id='email'>chenghao@sina.com</mail></student></studlist>");
out.print(result);
out.flush();
out.close();
html写法：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<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="css/styles.css">
<script language="Javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//失去焦点时发生
$('#name').blur(function(){
jQuery.ajax({
// 提交的页面
url: "servlet/TestJquery",
data: "name="+$('#name').html,
ContentType: "text/xml",
// 从表单中获取数据
//data: $('#commentform').serialize(),
// 设置请求类型为"POST"，默认为"GET"
type: "POST",
//返回数据类型
dataType: "xml",
// 设置表单提交前方法
beforeSend: function()
{
alert('提交前');
},
// 设置表单提交出错
error: function(request) {
alert("表单提交出错，请稍候再试");
},
success: function(data) {
var str = "";
$("student" , data).each(function(i){
var name=$("name" , this).text();
str = str + name + "<br />"
//这里能显示student下的email属性。(IE6不可用，FF可用)
alert($("mail" , this).attr("id"));
});
$('#msg').html(str);
}
});
});
});
</script>
</head>
<body>
<form id="form" name="form" action="#" method="post">
<input type="text" id="name" name="name"><br />
<input type="text" name="sex"><br />
<input type="text" name="age"><br />
<input type="submit" id="subm" name="sub" value="提交">
<div id="msg"></div>
</form>
</body>
</html>
另：此方法在ie6下不能取得xml的属性，ff下可以。
分享到：
相关推荐
在查看源代码时，可以学习到如何组织Java类、如何编写REST API、如何使用jQuery进行DOM操作以及如何构建Ajax请求等具体技术细节。 总结起来，这个【项目组管理系统】结合了Java的稳定性和强大的功能，利用JSON进行...
在Java程序中使用jQuery进行网页抓取可以极大地提高效率，因为jQuery是一个强大的JavaScript库，它提供了丰富的DOM操作和事件处理功能，使得我们可以更方便地解析和操作HTML文档。 在Java中实现jQuery的集成，我们...
在IT行业中，jQuery、AJAX和Java是三个关键的技术领域，它们经常被组合使用来创建交互性强、用户体验良好的Web应用程序。在这个"java百度搜索(jquery ajax java)"的项目中，我们可以探讨这些技术如何协同工作。 ...
Struts2和jQuery是两种非常流行的Java Web开发技术，它们在构建动态、交互式的Web应用程序中发挥着重要作用。Struts2作为一个MVC（Model-View-Controller）框架，提供了强大的控制层逻辑，而jQuery则是一种高效的...
在IT行业中，Spring MVC和jQuery AJAX是两种广泛使用的技术，它们在构建现代Web应用程序时起着关键作用。本文将深入探讨如何在Spring MVC框架中利用jQuery的AJAX功能进行前后端交互，提升用户体验。 首先，Spring ...
在IT行业中，jQuery、AJAX和Java是三个关键的技术领域，它们经常被组合使用来创建交互性强、用户体验优良的Web应用程序。这篇关于“jQuery AJAX Java实例”的内容将深入探讨这三个技术如何协同工作，以及如何利用...
【Java Jquery ajax级联】是一种常见的前端与后端数据交互技术，用于实现网页上的下拉框联动效果。在Web开发中，用户在一个下拉列表（Select）的选择会影响到另一个下拉列表的内容，这种功能通常通过AJAX（异步...
总结起来，这个实例展示了如何利用Java后端和jQuery前端，结合AJAX技术，实现一个动态的自动补全功能。用户输入时，前端通过AJAX向服务器发送请求，服务器处理请求并返回JSON数据，前端再将这些数据解析并展示给用户...
综上所述，这个压缩包可能包含的资源是一个或多个实例，展示了如何在Java环境中利用AJAX技术实现异步数据交互，结合jQuery简化JavaScript操作，以及可能使用AWT来构建桌面应用的GUI组件。通过学习和研究这些DEMO，...
在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法，它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开： 1. **JSP（JavaServer Pages）**：JSP是Java的一个...
综上所述，这个实例是一个完整的Web开发学习资源，涵盖了从服务器端到客户端的多个技术层面，适合初学者逐步掌握Web开发流程，了解如何利用Java、JSP、Ajax、JST和jQuery构建动态交互的Web应用程序。通过学习和实践...
3. JavaScript库：jQuery、Prototype等库简化了Ajax的使用，提供了一系列方便的API。 四、Java + Servlet + Ajax 结合应用 1. 用户交互：Ajax允许用户在不离开当前页面的情况下发送请求，Servlet在后台处理请求并...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程，演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
在本示例中，我们将探讨如何使用Java后端与jQuery前端进行登录功能的实现。这是一个基础但实用的应用场景，尤其适合初学者理解Web应用程序的工作原理。 首先，让我们了解两个主要技术： 1. **Java**：Java是一种...
在IT行业中，`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术，它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先，`jQuery` 是一个高效、轻量级的...
在IT行业中，jQuery和ajax是两个非常重要的技术，它们在构建动态、交互性强的Web应用程序时发挥着关键作用。在这个“jQuery+ajax实现三级级联”的实例中，我们主要探讨如何利用这两种技术来创建一个能够逐级联动的...
【AJAX使用】在jQuery中，使用AJAX通常包括以下步骤： 1. 引入jQuery库：确保HTML文件中包含了jQuery库，通常通过CDN链接或本地文件引入。 2. 创建AJAX请求：使用`$.ajax()`方法，配置请求参数，如URL、类型（GET或...
在本示例中，我们将探讨如何使用Spring MVC框架与jQuery库结合实现Ajax功能。Spring MVC是Spring框架的一部分，专门用于构建Web应用程序，而jQuery则是一个强大的JavaScript库，简化了DOM操作、事件处理以及异步HTTP...
本篇将深入探讨基于Jquery的Ajax如何与Java后台进行交互，以及在交互过程中如何模拟网络延迟并展示加载图片。 首先，Ajax的核心功能是实现页面的局部刷新，它允许我们在不重新加载整个网页的情况下，从服务器获取...