[size=large]今天上班闲来无事，学习了下jquery同步调用后台XML数据
具体内容如下
jsp页面数据
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<title>Insert title here</title>
</head>
<body>
<form>
<input type="text" id="commodityID" name="commodityID" value=""/>
<input type="button" value="点击查询" onclick="checkData()"/>
</form>
</body>
</html>
<script type="text/javascript">
function checkData(){
var commodityID=$("#commodityID").val();
$.ajax({
type : "POST", //HTTP 请求方法,默认: "GET"
async:false,
url : "/test/ajaxTest",
data : "commodityID=" + commodityID, //发送到服务器的数据
dataType : "xml", //预期服务器返回的数据类型
error: function(xml) { alert('系统异常'); },
success : function(data){
$(data).find("error").each(function() {
if($(this).text() != null){
alert("商品不存在");
}
});
//alert(($(data).find("right").text() == 'true'));
if($(data).find("right").text() == 'true'){
alert("商品存在");
}
}//请求成功后回调函数
});
}
</script>
web.xml中servlet路径设置
<servlet>
<servlet-name>comdtyList</servlet-name>
<servlet-class>com.liuc.ui.CommodityServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>comdtyList</servlet-name>
<url-pattern>/ajaxTest</url-pattern>
</servlet-mapping>
后台servlet类
<servlet>
<servlet-name>comdtyList</servlet-name>
<servlet-class>com.liuc.ui.CommodityServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>comdtyList</servlet-name>
<url-pattern>/ajaxTest</url-pattern>
</servlet-mapping>
这种调用和普通的调用没有什么区别，只是在返回数据上需要拼成XML，在解析的时候需要解析XML[/size]
分享到：
相关推荐
本示例将深入探讨如何使用jQuery来调用WebService，通过源代码解析相关知识点。 首先，了解jQuery的核心功能对理解jQuery调用WebService至关重要。jQuery提供了`$.ajax()`函数，它是进行异步数据请求的基础。在这个...
本话题将深入探讨如何利用XML自动调用数据库数据来填写表单，以及与jQuery的结合应用。 一、XML基础 1. XML结构：XML文档由元素、属性、文本和注释组成。每个XML文档都有一个根元素，子元素嵌套在根元素内，形成...
本文将深入探讨`jQuery`中的`POST`和`GET`异步调用方式。 1. **GET方式** `GET`是最常见的HTTP请求方法，通常用于获取资源。在jQuery中，我们可以使用`$.get()`函数发起GET请求。它的基本语法如下： ```...
**jQuery与Ajax调用详解** 在Web开发中，jQuery与Ajax的结合使用极大地简化了异步数据交互的过程，使得前端可以高效地与服务器进行通信，而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用，并通过...
本文将介绍如何使用JQuery的Ajax功能来解析XML数据，包括同步调用和异步调用两种方式，并提供了一个简单的实例。 ### 同步调用与异步调用 在使用JQuery Ajax时，我们首先需要决定是采用同步请求还是异步请求。异步...
如果需要同步调用，可以设置`async: false`。 ### 8. 跨域问题 由于同源策略限制，JavaScript通常只能访问同源的资源。但通过JSONP或CORS（跨源资源共享）机制，可以实现跨域调用WebService。 ### 9. 文件`Jquery...
本篇文章将深入探讨如何使用jQuery的Ajax方法来调用WebService，以便在客户端与服务器之间实现异步数据交换。 首先，理解jQuery的Ajax方法至关重要。`$.ajax()`是jQuery的核心Ajax函数，它允许我们进行复杂的HTTP...
在本文中，我们将深入探讨如何使用jQuery的Ajax方法来调用WebService。jQuery是一个流行的JavaScript库，它极大地简化了DOM操作、事件处理以及包括Ajax在内的异步数据通信。Ajax（Asynchronous JavaScript and XML）...
5. **使用 jQuery 调用 Ashx**：在 jQuery 中调用 Ashx，通常在 AJAX 请求的 URL 参数中设置 Ashx 文件的路径。例如，`$.ajax({url: 'handler.ashx', type: 'POST', data: {key: 'value'}, success: function...
2. `script.js`：包含使用jQuery AJAX调用服务器处理程序的JavaScript代码。 3. `Handler.ashx`：服务器端处理程序，处理AJAX请求，执行计算逻辑并返回结果。 **总结** "jQuery AJAX简易计算器"是一个实用示例，...
"xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。...
在本篇内容中，我们将深入探讨"example-ajax-call"这个主题，它是一个展示标准jQuery AJAX调用的示例。 AJAX（异步JavaScript和XML）允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery...
### ASP.NET配合jQuery解决跨域调用的问题 #### 跨域问题概述 在现代Web开发中，跨域问题是一个常见的安全限制机制。浏览器为了保护用户的隐私数据，实施了同源策略（Same-origin policy）。该政策规定，来自不...
- "xml"：服务器返回XML格式，jQuery会解析成DOM对象供进一步处理。 - "html"：返回HTML，jQuery会自动执行其中的脚本。 - "script"：将响应视为JavaScript代码并执行。 - "json"：服务器返回JSON，jQuery会解析成...
默认情况下，所有jQuery的AJAX操作都是异步的，但可以设置`async: false`使请求变为同步。然而，同步请求会阻塞浏览器，通常不推荐使用。 6. **数据格式和序列化** jQuery支持多种数据格式（如JSON、XML、HTML等...
5. **链式操作**：jQuery对象支持链式调用，如 `$("#element").addClass("active").css("color", "red")`。 ### 三、jQuery与原始Ajax的区别 1. **API简洁**：jQuery的Ajax方法如`.ajax()`, `.get()`, `.post()`等...
- **异步和同步调用**：默认情况下，jQuery.soap使用异步调用，但也可以通过设置`async`参数为`false`来进行同步调用。 4. **响应处理** 成功回调函数`success`接收SOAP服务返回的XML响应，你可以解析这个响应以...
例如，如果设置`dataType`为"xml"，则服务器应该返回"text/xml"。 - 如果`dataType`设置为"script"并且是在跨域请求的情况下，所有POST请求将被转换为GET请求。这是因为将使用DOM的`<script>`标签来加载脚本。 - 在...
在当今的Web开发中，jQuery AJAX（异步JavaScript和XML）技术扮演着至关重要的角色。它允许开发者在不刷新整个页面的情况下与服务器进行数据交换，提高了用户体验，使得网页交互更加流畅。本篇文章将深入解析jQuery...