`

使用prototype.js经验积累

阅读更多
1、Ajax返回xml格式的对象
1)前台js
function viewIndexGrade(id){
	var offsetObj = event.srcElement;
	var url = "<ww:url value='/xxxAction!getIndexGrades.action'/>?obj.id=" + id;
	var http = new Ajax.Request(url,
		{method: 'get',
		asynchronous: false,
		onComplete:function(oriReq){
			var divObj = document.getElementById("indexGradDiv");
			var sb = "<table class='table-border' align='center' cellspacing='1' cellpadding='1' width='100%'>";
			var responseDoc = oriReq.responseXML;
			var records = responseDoc.documentElement.childNodes;
			if(records.length > 0){
				for(var i = 0; i < records.length; i++){
					var indexCode = records[i].selectSingleNode("indexCode").text;
					var grade = records[i].selectSingleNode("grade").text;
					sb += "<tr>";
					sb += "<td class='table-title' style='height:25px' align='left' width='40%'>" + indexCode + "</td>";
					sb += "<td class='table-content' style='height:25px' align='center'>" + grade + "</td>";
					sb += "</tr>";
				}
				sb += "</table>";
				divObj.style.height = (25 * records.length + 10) + "px";
			}else{
				sb += "<tr>";
				sb += "<td class='table-content' align='center'>无调查数据</td>";
				sb += "</tr>";
				sb += "</table>";
				divObj.style.height = "40px";
			}
			divObj.innerHTML = sb;
			while(offsetObj.tagName != "A"){
				offsetObj = offsetObj.parentElement;
			}
			viewDiv(divObj, offsetObj, true, 0, 0);
		}
	});
}
</SCRIPT>


2)webwork配置
<xwork>
    <package name="XXX" extends="default">
		<action name="xxxAction" class="com.***.***.action.***Action">

			<result name="xml" type="stringreader">
				<param name="inputName">stringReader</param>
				<param name="contentType">text/xml;charset=gb2312</param>
				<param name="parse">false</param>
				<param name="bufferSize">1024</param>
			</result>
			<interceptor-ref name="saveValidationStack"/>
		</action>
	</package>
</xwork>

3)后台action类处理
protected String xmlStr = "";
public StringReader getStringReader() {
		return new StringReader("<?xml version=\"1.0\" encoding=\"GBK\"?>"
				+ xmlStr);
	}

public String getIndexGrades() {
		xmlStr = ***Service.getIndexGrades(obj.getId());
		
		return "xml";
	}


getIndexGrades方法返回的xml格式是:
<root>
<record>
<indexCode><![CDATA[INDEX]]></indexCode>
<grade><![CDATA[97.81]]></grade>
</record>
</root>

如果没有拼接xml格式的文件头则js取不到xml对象
<?xml version=\"1.0\" encoding=\"GBK\"?>


0
1
分享到:
评论

相关推荐

    prototype.js1.4版开发者手册

    - **与 jQuery 的对比**: Prototype.js 和 jQuery 都是流行的 JavaScript 库,它们在功能上有一定的重叠,但在设计哲学和使用方式上有所不同。例如,jQuery 更注重简洁性,而 Prototype.js 则更侧重于扩展 ...

    「JavaScript学习资料整理」系列,构建JavaScript前端知识体系,积累JavaScript前端开发经验.zip

    这个名为“JavaScript学习资料整理”的系列资源,旨在帮助开发者构建完整的JavaScript前端知识体系,从而深入理解和积累JavaScript的开发经验。通过研究这个压缩包中的内容,我们可以系统地学习JavaScript的各种关键...

    扩展javascript的Date方法实现代码(prototype)

    最近项目的部分功能正在重构,前端也基本上推翻了原来的设计,在之前半年的积累上有了新的方案。这几天在做前端的重构和设计,遇到了一些问题。因为这个模块最主要的还是对时间的控制,大量的操作js的Date对象,可是...

    JavaScript积累

    以下将围绕“JavaScript积累”这一主题,从JS高级用法、经验总结以及具体的JS实例三个方面进行详细的探讨。 一、JS高级用法 1. **原型与原型链**:JavaScript的面向对象特性主要体现在原型(prototype)和原型链上...

    Birt使用经验谈.doc

    根据提供的文件信息,本文将详细解析BIRT(Business Intelligence and Reporting Tools)的使用经验和实践步骤。这是一份针对初学者的指南,旨在帮助用户更好地理解并掌握如何利用BIRT进行报表设计与部署。 ### ...

    原生js 写的flappy brid 飞翔的小鸟

    《飞翔的小鸟——Flappy Bird原生JS实现详解》 Flappy Bird,这款曾经风靡全球的简单却极具挑战性的游戏,以其独特的像素艺术风格和令...通过这个过程,你将更深入地了解游戏开发的魅力,并为未来的项目积累宝贵经验。

    underscore-revised:underscore.js 在我的代码版本中被重写

    《深入浅出JavaScript:underscore.js重写解析》 在编程世界中,JavaScript作为一种广泛使用的脚本语言,尤其在Web开发领域扮演着至关重要的...在探索和实践中,开发者不断积累经验,成长为更优秀的JavaScript工程师。

    Vue.js使用axios动态获取response里的data数据操作

    在Vue.js应用中,我们经常需要使用axios库来与服务器进行数据交互,获取或发送JSON数据。在本文中,我们将探讨如何动态地从axios的response...在开发过程中,不断学习和实践,积累经验,将有助于提升解决问题的能力。

    JS知识积累和新闻管理系统

    【标题】"JS知识积累和新闻管理系统"是一个综合性的项目,旨在帮助开发者深入理解和实践JavaScript(简称JS)技术,并提供一个新闻管理的平台。在这个系统中,你可以学习到JS的各种核心概念,同时通过实际操作来提升...

    javascript宝典第6版 书中所附源码

    通过深入研究这些源码,读者不仅可以巩固理论知识,还能积累实践经验,从而成为一名熟练的JavaScript开发者。无论是初学者还是经验丰富的开发者,都能从中受益匪浅。因此,"javascript宝典"这个标签不仅仅是书名,更...

    前端面试题、技术积累、Vue、JS、HTML、ES6

    这份压缩包文件,名为"Interview-Questions-master",显然包含了与这些技术相关的面试问题和可能的技术积累,旨在帮助开发者准备前端面试或者提升自身技能。下面将详细讨论这些领域的关键知识点。 **Vue.js** Vue....

    Yahoo JavaScript库 YUI源码

    总的来说,YUI是一款功能强大的JavaScript库,虽然在现代Web开发中的使用可能不如过去广泛,但其设计理念和技术积累仍然对前端开发者有着宝贵的指导意义。通过深入理解和运用YUI,开发者可以更好地掌握JavaScript...

    jquery插件开发

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax...在实际开发过程中,不断积累经验,了解并掌握更多的jQuery API和最佳实践,将使你成为一个出色的jQuery插件开发者。

    js代码-30 seconds 1

    在`main.js`中,可能会遇到诸如`Array.prototype.map()`、`Array.prototype.filter()`、`Array.prototype.reduce()`这样的数组方法,这些都是处理数据的常用工具。还有可能会看到`document.querySelector()`和`...

    初学prototype,发个JS接受URL参数的代码

    ### 初学Prototype框架:实现JavaScript获取URL参数的方法 #### 一、引言 在Web开发中,通过URL传递参数是一种常见的数据传输方式。...随着实践经验的积累,你将能够更加熟练地运用这些技巧来解决实际开发中的问题。

    原生JS实现循环Nodelist Dom列表的4种方式示例

    在JavaScript中,Nodelist对象是DOM操作中常见的一种类型,它表示一组节点,通常是由`querySelectorAll`等方法返回...在学习JavaScript的过程中,不断积累和理解DOM操作的技巧,可以帮助你编写出更高效、更优雅的代码。

    js键盘箭头控制上下选中标签元素

    在JavaScript编程中,使用键盘箭头来控制选中标签元素是一项常见的交互设计,尤其是在网页应用中。这个小demo展示了如何通过监听键盘事件并处理箭头键的按下,以实现元素的选择切换。以下将详细讲解这一功能的实现...

    JS 技巧收集

    在JavaScript(JS)编程中,掌握一些实用技巧可以极大地提高代码的质量和效率。"JS 技巧收集"这个主题涵盖了一系列关于验证、优化以及提升JavaScript性能的方法。下面将详细介绍其中的一些关键知识点: 1. **变量...

    js基础面试.zip

    JavaScript,简称JS,是Web开发中的核心技术之一,广泛应用于网页和网络应用的前端开发。它是一种轻量级的解释型编程语言,具有动态类型、原型...同时,不断实践和项目经验的积累,将有助于进一步提升JavaScript技能。

    自己学习js过程中的笔记

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用于网页和互联网应用开发。在你的学习过程中,JS笔记可能会包含以下几个核心知识点:...不断实践和项目经验的积累将有助于你更好地掌握JavaScript这门语言。

Global site tag (gtag.js) - Google Analytics