jquery同步调用xml

最新推荐文章于 2018-07-23 11:43:34 发布

最新推荐文章于 2018-07-23 11:43:34 发布 · 151 阅读

文章标签：

#javascript #java #web.xml #ViewUI

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用jQuery同步调用后台XML数据，包括HTML页面配置、jQuery事件处理、AJAX请求方法、数据类型设定及错误处理。

[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]