jquery同步调用xml

最新推荐文章于 2024-07-28 17:31:47 发布

shanhuhauu

最新推荐文章于 2024-07-28 17:31:47 发布

阅读量608

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/shanhuhau/article/details/8728569

版权

js 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

[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="点击查询" οnclick="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]