`

jquery同步调用xml

 
阅读更多
[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]
0
1
分享到:
评论

相关推荐

    Jquery Ajax解析XML数据(同步及异步调用)简单实例

    本篇文章主要是对Jquery Ajax解析XML数据(同步及异步调用)的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    jquery电子文档chm

    "xml": 返回 XML 文档,可用 jQuery 处理。 "html": 返回纯文本 HTML 信息;包含 script 元素。 "script": 返回纯文本 JavaScript 代码。不会自动缓存结果。 "json": 返回 JSON 数据 。 "jsonp": JSONP 格式。...

    jquery插件使用方法大全

    延迟对象 延迟对象(Deferred Object,jQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    jquery-1.1.3 效率提高800%

    有效的类型(返回的类型的结果值会作为第一个参数传递给success指定的回调函数)有: "xml": 返回一个可以由jQuery处理的XML文档。 "html": 返回文本格式的HTML代码。包括求值后的脚本标记。 "script": 将响应...

    ajax长连接式的浏览器、服务器的全双工通信框架.rar

    ajax 的全称是Asynchronous JavaScript and XML(异步的JavaScript 和 XML),其中,Asynchronous 是 异步 的意思,它有别于传统web开发中采用的同步的方式。 ajax所包含的技术 1.使用CSS和XHTML来表示。 2. 使用...

    JSP和Servlet面试题

    Servlet的执行流程也就是servlet的生命周期,当服务器启动的时候生命周期开始,然后通过init()《启动顺序根据web.xml里的startup-on-load来确定加载顺序》 方法初始化servlet,再根据不同请求调用doGet或doPost...

    java开源包1

    4、同步调用; 5、超时机制; 6、支持多种通信框架(Mina/Netty/Grizzly),支持多种序列化/反序列化(Java/Hessian/PB); 7、支持自定义通信协议,可完全替换NFS-RPC自带的协议。 淘宝开放平台JAVA版SDK top4...

    play framework 框架手册 word 版

    通过jsAction标签使用jQuery - 95 - 12. Internationalization国际化支持 - 96 - 仅使用 UTF-8! - 96 - 国际化你的信息 - 96 - 通过应用程序定义支持的语言 - 96 - 依照你的区域定义日期格式 - 97 - 找回区域信息 - ...

    python入门到高级全栈工程师培训 第3期 附课件代码

    09 XML模块 10 re模块简介 11 re模块之元字符 第23章 01 re模块之转义字符 02 re模块之分组 03 re模块之方法 04 re模块总结 05 logging模块 06 re模块补充 07 configparse模块 08 hashlib模块 09 计算器作业以及...

    Java面试宝典2020修订版V1.0.1.doc

    1、用js和jQuery怎么进行表单验证 24 3、列举javaScript的3种主要数据类型,2种复合数据类型和2种特殊数据类型。 24 4、谈谈你的JS的理解? 24 5、ajax的优点? 25 6、简述一下ajax调试代码查找错误的方法? 26 7、...

    java项目简历_java简历

    * 熟练使用 HTML、CSS、JavaScript、Jquery、AJAX、XML、JSON 等技术 * 熟练使用 Maven 项目构建工具 * 熟练使用 SVN、Git 项目管理工具 * 熟练使用 Java IDE 工具:Eclipse、MyEclipse、IntelliJ IDEA 等 * 良好的...

    程序员开发代码编辑器 CodeLobster IDE Pro 1.9.0 中文多语免费版.zip

    除了前面提到的工具,您还可以扩展对 CakePHP,CodeIgniter,Backbone,Ember JS,JQuery,Laravel,Magento,Meteor JS,Perl,Phalcon,Python,Ruby,Twig,WordPress 和 Yii 的支持。当然,以后可以根据自己的...

    千方百计笔试题大全

    166、如何用JQuery进行表单验证? 39 167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求?...

    java面试宝典

    166、如何用JQuery进行表单验证? 39 167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求?...

Global site tag (gtag.js) - Google Analytics