http://topic.csdn.net/u/20080802/11/0829065c-0187-4d53-a120-efd493d158e5.html
使用prototype框架 list使用json对象传输:
<html>
<head>
<title>Insert title here </title>
<script src="js/prototype.js"> </script>
<script language="javascript">
function searchSales2(){
var country=$F('country');
var url='http://localhost:8080/HelloWorld/AjaxServlet';
var pars=country='+country;
var myAjax=new Ajax.Request(url,{
method:'post',parameters:pars,onComplete:showResponse
});
}
function showResponse(originalRequest)
{
var jsonRaw = originalRequest.responseText.evalJSON(true);
$('language1').options.length=0;
jsonRaw.each(function(myobj1){
$('language1').add(new Option(myobj1.language,myobj1.language));
});
}
</script>
</head>
<body>
<form name="form1" method="post" onload="onloadHandler()">
<select id="country" name="country" onchange="searchSales2()">
<option value="ABW">Aruba </option>
<option value="AFG">Afghanistan </option>
<option value="AGO">Angola </option>
</select>
<select id="language1" name="language1">
<option value="0">select one </option>
</select>
</form>
</body>
</html>
servlet:
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
String country= request.getParameter("country"); //请求国家
Object obj = ctx.getBean(reqClass);
Class c2 = obj.getClass();
try {
CountryService service = new CountryService();
List list = service.getCountryLanguageList(country);
String outobj = json2(list);
response.getWriter().print(outobj);//把json数组返回前台
} catch (SecurityException e) {
e.printStackTrace();
} catch (NoSuchMethodException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IllegalArgumentException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IllegalAccessException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (InvocationTargetException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
//把查询的list列表放入json数组
private String json2(List list) throws JSONException {
JSONArray resultArray = new JSONArray();
JSONObject jsonObject = new JSONObject();
for (int i = 0; i < list.size(); i++) {
Countrylanguage cl = (Countrylanguage) list.get(i);
jsonObject = this.getDomainJSON(cl);
resultArray.put(jsonObject);
}
return resultArray.toString();
}
//把国家代号和语言放入json对象
private JSONObject getDomainJSON(Countrylanguage cl) throws JSONException {
JSONObject jsonObject = new JSONObject();
jsonObject.put("countryCode", cl.getCountryCode());
jsonObject.put("language", cl.getLanguage());
return jsonObject;
分享到:
相关推荐
例解Prototype框架.doc 第21章__使用Prototype框架.pdf Prototype源码注释版.pdf proprototype源码分析.doc totype_1.3_源码解读.txt
尽管在现代前端框架如React、Vue和Angular盛行的今天,Prototype的使用频率有所下降,但它在JavaScript社区中的地位仍然不可忽视,尤其对于理解面向对象编程和DOM操作有着重要的学习价值。了解Prototype可以帮助...
**JSON (JavaScript Object Notation)**:JSON是一种轻量级的数据交换格式,它基于JavaScript的一个子集。由于其简洁和直观的结构,JSON被广泛用于服务器向网页发送数据,尤其是在Ajax请求中。在JavaScript中,JSON...
在Prototype中,我们可以使用`Prototype.JSON.parse()`来解析JSON字符串为JavaScript对象,`Object.toJSON()`则将JavaScript对象转换成JSON字符串。在AJAX请求中,通常我们用JSON来传输服务器响应的数据,因为它比...
**jQuery和Prototype框架详解** jQuery和Prototype是两个非常流行的JavaScript库,它们极大地简化了JavaScript的DOM操作、事件处理和动画效果。在这个资源包中,您将找到关于这两个框架的API帮助文档,这对于学习和...
本文将详细讲解如何使用JavaScript实现对数组中的JSON对象按某个字段进行字母排序,并提供一个具体的示例函数。 首先,我们要了解`Array.prototype.sort()`方法。这是JavaScript内置的数组排序方法,它接受一个可选...
在前端开发中,有时我们需要处理...综上所述,js将Excel转换为JSON对象涉及了文件读取、第三方库的使用、数据解析、对象转换等多个技术环节。通过理解并掌握这些知识点,开发者可以有效地处理前端的Excel数据处理需求。
本文将深入探讨Ajax在表单验证中的应用,特别是基于Prototype框架的实现方式,以及动态验证的重要性。 一、Ajax基础 Ajax的核心是通过JavaScript与服务器进行异步通信,无需刷新整个页面就能获取或更新数据。它由...
开发中用官网上下的json.js的toJSONString()方法总是报没有对象或方法的错误,于是有了这个没有对Object()对象做prototype扩展的json.js
5. **JSON**:Prototype 提供了JSON(JavaScript Object Notation)的支持,包括`Object.toJSON()`和`evalJSON(safe)`方法,用于对象到JSON字符串的转换和解析。 6. **函数助手**:Prototype 包含很多有用的函数...
JSON-prototype.js帮助手册可能是一个详细的指南,介绍了如何在Prototype库中使用JSON相关功能。它可能包含实例代码、常见问题解答、API参考等内容,帮助开发者更好地理解和使用Prototype中的JSON支持。 总之,这些...
Prototype JavaScript 框架是早期 Web 开发中广泛使用的库,尤其在 Ajax 应用程序中,它极大地简化了 JavaScript 编程。标题中的 "prototype-1.5.0框架.rar" 指的是 Prototype 框架的一个特定版本,即 1.5.0 版本,...
Prototype框架是一种广泛使用的JavaScript库,它为JavaScript编程提供了一系列实用的功能,增强了JavaScript的面向对象特性。这个框架的主要目标是简化DOM操作,提供更强大的函数工具,并优化JavaScript代码的可读性...
5. **JSON支持**:尽管"prototype js框架"的描述中提到了AJAX,但现代的Prototype也支持JSON作为数据交换格式。`Ajax.Request`可以通过设置`evalJSON: true`来自动解析JSON响应。 6. **Function对象扩展**:...
Prototype JavaScript 框架是早期Web开发中广泛使用的库,特别是在AJAX应用中。这个框架由Sam Stephenson创建,旨在简化JavaScript编程,提供更面向对象的语法和实用工具。1.6版本是其一个重要的里程碑,它包含了...
- **响应处理**:Prototype将服务器响应封装在`Ajax.Response`对象中,特别是支持JSON格式的数据处理。 #### 三、Prototype框架的核心组件 - **Ajax.Request**:这是一个基本的Ajax请求组件,允许开发者发送异步...
Prototype框架是JavaScript中一个强大的库,它为JavaScript开发提供了许多便利的功能,特别是在对象原型扩展、事件处理、Ajax交互等方面。本文将详细介绍Prototype框架中的几个常用方法,并通过实例进行解析。 1. *...
在实际开发中,这三个框架往往结合使用,jQuery负责DOM操作和事件处理,Bootstrap提供UI设计和响应式布局,Prototype则可能作为历史遗留项目的组成部分。同时,随着前端技术的发展,Vue、React和Angular等更现代化的...
Prototype是JavaScript库,它扩展了JavaScript的基本对象,提供了强大的面向对象编程功能,使得在JavaScript中进行复杂的编程操作变得更加简单。这个“prototype从入门到精通”的教程涵盖了从基础概念到高级特性的...
Prototype JavaScript框架是一个强大的JavaScript库,主要设计用于简化和加速网页应用程序的开发。它引入了许多面向对象编程的概念到JavaScript,使得开发者能够更有效地处理DOM(文档对象模型)操作、事件处理和...