---index.jsp
<script type="text/javascript">
$(function(){
var data="<?xml version="1.0" encoding="UTF-8"?><users><user><email>zeng7960983@163.com</email><username> 曾荣放大@#$~ </username></user></users>";
$.ajax(
{
url:"${pageContext.request.contextPath}/MyServlet",
dataType:"xml",
processData: false,
type:"POST",
data:data,
success:function(data){
alert(data);
}
}
);
});
</script>
------MySerlvet
package com.iknowing.ajaxtest;
import java.io.BufferedReader;
import java.io.ByteArrayInputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.NodeList;
import org.xml.sax.SAXException;
public class MyServlet extends HttpServlet {
/**
* 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 {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String xml=readXMLFromRequest(request);
Document xmlDoc=null;
try
{
xmlDoc=DocumentBuilderFactory.newInstance().newDocumentBuilder().parse(new ByteArrayInputStream(xml.getBytes("8859_1")));
}catch(ParserConfigurationException e)
{
e.printStackTrace();
}catch(SAXException e)
{
e.printStackTrace();
}
NodeList nodeList=xmlDoc.getElementsByTagName("user");
NodeList nodeList1= nodeList.item(0).getChildNodes();
for(int i=0;i<nodeList1.getLength();i++){
Element node=(Element)nodeList1.item(i);
System.out.println(node.getAttribute("email")) ;
}
out.flush();
out.close();
}
public String readXMLFromRequest(HttpServletRequest request) throws UnsupportedEncodingException
{
StringBuffer xml=new StringBuffer();
String line=null;
try
{
BufferedReader reader=request.getReader();
while((line=reader.readLine())!=null)
{
// xml.append(new String(line.getBytes("8859_1")));
xml.append(line);
}
}catch(Exception e)
{
e.printStackTrace();
}
System.out.println(xml.toString());
return xml.toString();
}
/**
* 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 {
doGet(request,response);
}
/**
* Initialization of the servlet. <br>
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
-----
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<servlet>
<servlet-name>MyServlet</servlet-name>
<servlet-class>com.iknowing.ajaxtest.MyServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>MyServlet</servlet-name>
<url-pattern>/MyServlet</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
------------------
分享到:
相关推荐
**jQuery + AJAX 处理 XML 数据** 在网页开发中,jQuery 和 AJAX 技术的结合是获取和操作服务器端数据的常见方式。本篇将详细探讨如何使用 jQuery 的 AJAX 功能来处理 XML(可扩展标记语言)数据。 **1. jQuery 和...
总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...
在这个过程中,jQuery、AJAX 和 XML 技术起到了关键作用。下面我们将详细讲解如何利用这些技术来实现这个功能。 首先,jQuery 是一个流行的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。在这里,jQuery...
jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和XML)技术,可以实现动态、高效的分页效果。本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能...
### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...
本主题将深入探讨如何使用jQuery库的AJAX功能将表单数据提交到后台,以及后台如何使用Spring框架来处理这些数据。下面将详细阐述这一过程。 ### 一、前端:使用jQuery的AJAX提交表单 1. **引入jQuery库**:首先...
- 在前端,jQuery监听表单提交事件,阻止默认的表单提交行为,然后使用$.ajax()发送包含新数据的POST请求到ASP服务器端脚本。 - ASP接收到请求后,通过ADO(ActiveX Data Objects)处理数据库操作,如使用SQL ...
1. **表单提交**:通过AJAX,可以实现无刷新表单提交,提高用户体验。 2. **动态加载内容**:如分页、下拉刷新等,只更新页面的一部分,而不是整个页面。 3. **实时更新**:例如聊天应用,实时显示新消息。 4. **...
本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决可能出现的乱码问题。 首先,让我们理解什么是jQuery Ajax过滤器。在jQuery中,`ajaxSend`、`ajaxComplete`、`ajaxSuccess`、`...
AJAX(异步JavaScript和XML)允许我们在不刷新整个页面的情况下更新部分网页内容。在jQuery中,`$.ajax()`函数是实现这一目标的核心。要读取TXT文件,我们可以这样做: ```javascript $.ajax({ type: 'GET', // ...
3. **AJAX(Asynchronous JavaScript and XML)**:尽管名称包含XML,但现代AJAX通常涉及JSON格式的数据交换。它允许我们在不刷新整个页面的情况下与服务器进行异步通信。 下面是一个简单的AJAX登录流程: 1. **...
`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或失败的回调函数。 在C# ASP.NET环境下,我们可以创建一个...
AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过 jQuery,开发者可以轻松地实现 AJAX 功能,而无需了解底层的 XMLHttpRequest 对象。 #### 二、示例...
**jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...
3. Ajax(Asynchronous JavaScript and XML):虽然名字中包含XML,但现在的Ajax更多的是处理JSON格式的数据。它允许网页在不刷新整个页面的情况下,通过JavaScript向服务器发送异步请求,获取并更新部分页面内容,...
总结起来,这个示例展示了如何使用jQuery的Ajax功能与XML数据结合,创建动态联动的下拉列表。通过XML文件存储数据,可以方便地扩展和维护选项。此外,使用事件监听器确保了用户交互时的实时响应,提高了用户体验。这...
在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....
在当今的Web开发中,jQuery AJAX(异步JavaScript和XML)技术扮演着至关重要的角色。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换,提高了用户体验,使得网页交互更加流畅。本篇文章将深入解析jQuery...
**jQuery AJAX简易计算器** 在Web开发中,动态交互是提升用户体验的重要手段,而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据...
首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许开发者在不刷新整个网页的情况下与服务器进行通信,实现了页面的动态更新。它通过发送 HTTP 请求获取数据,然后在后台处理这些数据,最终更新页面...