1．Java代码如下:
packagecom.eduask;
importjava.io.IOException;
importjava.util.Date;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
publicclassDemo4extendsHttpServlet {
@Override
protectedvoidservice(HttpServletRequest req, HttpServletResponse resp)
throwsServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
resp.setContentType("text/xml;charset=utf-8");
String name=req.getParameter("name1");
if("tom".equals(name)) {
resp.getWriter().write("<root>abc"+"<msg>"+"用户名不可以注册"+"</msg>"+"</root>");
}else{
resp.getWriter().write("<root>abc"+"<msg>"+"用户名可以注册"+"</msg>"+"</root>");
}
}
}
2.xmldemo4.jsp代码如下：
<body>
请输入用户名: <input id="name1"type="text"name="name1">
<span id="span1"></span>
<script type="text/javascript">
vargetName1Id=document.getElementById("name1");
getName1Id.onblur=function(){
varxhr=getXhr();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
vardoc=xhr.responseXML;
vare1=doc.getElementsByTagName("msg")[0];
varmsg=e1.firstChild.nodeValue;
//alert(msg);
varspan=document.getElementById("span1");
span.innerHTML="<font color=red>"+msg+"</font>";
}
}
}
xhr.open("post","/ajax/Demo4");
//设置消息头，告诉浏览器携带请求体数据;
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
varspan=document.getElementById("span1");
span.innerHTML="正在加载数据"
xhr.send("name1="+getName1Id.value);
}
functiongetXhr(){
varxhr;
if(window.XMLHttpRequest){
xhr=newXMLHttpRequest();
}else{
xhr=newActiveXObject("microsoft,xmlhttp");
}
returnxhr;
}
</script>
</body>
3.web.xml配置文件如下:
<!-- demo4 -->
<servlet>
<servlet-name>Demo4</servlet-name>
<servlet-class>com.eduask.Demo4</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>Demo4</servlet-name>
<url-pattern>/Demo4</url-pattern>
</servlet-mapping>
分享到：
相关推荐
总结来说，"ajax的xml格式传输"是指使用Ajax技术，通过XMLHttpRequest对象与服务器进行XML数据的异步交换。在实际应用中，这通常涉及到客户端JavaScript的Ajax调用和服务器端的响应处理，例如在Java Servlet中生成...
"Ajax中Get和Post请求的区别" Ajax作为异步JavaScript和XML的简写，是一种创建交互式网页的技术。其中，Get和Post是两种常用的HTTP请求方法，尽管它们都是用于将数据从客户端发送到服务器端，但是它们之间存在着很...
以下是一个Ajax POST请求的例子： ```javascript var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/api/data'); xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头...
在本案例中，我们专注于如何利用XML作为数据交换格式，实现基于XML的Ajax通信。** **XML（Extensible Markup Language）是一种标记语言，用于存储和传输结构化数据。它的设计目的是传输和存储数据，而不是显示数据...
- 使用XML：在早期的Ajax应用中，XML常作为数据交换格式，可以通过XMLHttpRequest的responseXML属性获取XML数据，然后使用DOM或其他解析方式处理数据。 - JSON的兴起：随着JSON的广泛使用，现在的Ajax更多地采用...
2. **选择数据格式**：在决定是否使用XML作为Ajax请求和响应的数据格式时，应考虑几个因素。XML适合于复杂、结构化的数据，但解析和生成XML可能会比其他格式如JSON更复杂，导致更高的CPU和内存使用。此外，XML的大小...
1. **图书添加**：在用户填写完图书信息并提交时，前端可以使用`$.ajax()`函数（jQuery库中的实现）或者原生JavaScript的`XMLHttpRequest`对象发起一个POST请求，将图书数据发送到后台服务器。服务器验证数据无误后...
3. 设置请求头：POST请求需要设置Content-Type，常用的是'application/x-www-form-urlencoded'，表示数据格式为URL编码。`xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');` 4. 发送...
虽然XML是传统上与AJAX一起使用的数据格式，但如今更常见的是使用JSON（JavaScript Object Notation），因为它的结构更简洁，解析和生成也更方便。然而，XML在处理复杂数据结构和跨语言交换数据时仍具有优势。 四、...
发送XML数据时，通常使用POST方法，因为GET请求可能会受到URL长度的限制，而XML数据可能较长。在发送前，需明确告知服务器数据是以XML格式发送的，然后通过`send()`方法传递XML内容。 **XML与普通文本的比较** XML...
POST请求则将数据放在send()方法的参数中。 5. **监听状态变化**：通过onreadystatechange事件监听请求的状态，当状态变为4（表示请求完成）且status为200（表示成功）时，表明数据已获取。 6. **处理响应**：使用...
- **POST请求乱码**：浏览器使用UTF-8编码，服务器默认使用ISO-8859-1解码。解决方法是在服务器端设置字符编码，例如Java中的`request.setCharacterEncoding("utf-8")`。 - **GET请求乱码**： - IE使用GBK编码，...
本文将深入探讨一个完整的jQuery+AJAX传输请求的实例，旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先，jQuery是一个强大的JavaScript库，它为DOM操作、事件处理、动画效果和Ajax交互提供了...
在JavaScript中，通常使用XMLHttpRequest对象来创建Ajax请求。以下是一个简单的Ajax请求示例： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.json', true); // GET请求，替换为'data.json...
尽管XML曾是Ajax中广泛使用的数据格式，但随着JSON（JavaScript Object Notation）的兴起，由于其更简洁、易于处理的特性，逐渐取代了XML在Ajax中的地位。JSON是JavaScript原生数据格式，与JavaScript对象直接对应，...
在Ajax请求中，设置了一些关键的选项，比如type为POST表示发送的是一个POST请求，cache设置为false表示不缓存请求，processData和contentType设置为false表示不对数据进行额外的处理，因为FormData对象已经自动处理...
2. **数据格式**：尽管名字中含有XML，但Ajax并不局限于XML，还可以使用JSON、Text、Blob等多种数据格式。 3. **JavaScript封装**：通常，开发者会将XMLHttpRequest的调用封装到JavaScript函数中，方便调用和管理。...
在现代Web开发中，前后端交互是不可或缺的一部分，而AJAX（Asynchronous JavaScript and XML）技术使得这种交互变得更加高效和无缝。本篇文章将探讨如何使用HTML、JavaScript（jQuery库）和Ajax来实现前后端的数据...
**数据格式**：虽然名字里有XML，但Ajax并不局限于使用XML。现在更常见的是JSON（JavaScript Object Notation），因为JSON更轻量、易于解析，且与JavaScript语法结构相似。 ### 2. Ajax工作流程 1. **创建...
在“selenium-08-ajax的使用法术post请求.ev4.rar”这个资源中，我们聚焦于Selenium如何处理Ajax异步请求，特别是POST请求的场景。在Web应用中，POST请求通常用于向服务器发送数据，比如提交表单或者创建新资源。...