JSP页面:
<select id="province" name="user.province" onchange="duplicateAddress()">
<s:iterator value="provinceList" var="item">
<option value="<s:property value='key'/>">
<s:property value="value"/></option>
</s:iterator>
</select>
<select id="city" name="user.city">
<s:iterator value="cityList" id="citys">
<option value="<s:property value='key'/>">
<s:property value="value"/></option>
</s:iterator>
</select>
JS:
function duplicateAddress() {
var alterCity = $("#province").attr("value");
$.ajax({
async : false,
type: "POST",
url: "./alterAddress.action",
data: "alterCity=" + alterCity,
success: function(result){
if (result != null) {
var cityInfo = eval('('+result+')');
var citySelect = $("#city");
citySelect.children("option").remove();
$("<option value='0'>不限</option>").appendTo(citySelect);
for(var i=0;i<cityInfo.length;i++){
$("<option value='"+cityInfo[i].value+"'>"+cityInfo[i].text+"</option>").appendTo(citySelect);
}
}
}
});
}
JAVA代码:
public String alterAddress(){
StringBuffer result = new StringBuffer();
StringBuffer buffer = new StringBuffer();
result.append("[");
//从xml中取得省、市放入map中传到前台
List<Map<String, Object>> list = CityUtil.getCityList();
//根据省找到对应市集合
for (Map<String, Object> map : list) {
//如果取得的省与前台选择的省相同
if(((String) map.get("value")).equals(alterCity)){
List<Map<String, String>> childList = (List<Map<String, String>>) map.get("children");
for (Map<String, String> child : childList) {
buffer.append("{")
.append("value")
.append(":")
.append("'"+(String) child.get("value")+"'")
.append(",")
.append("text")
.append(":")
.append("'"+(String) child.get("name")+"'")
.append("}")
.append(",");
}
if (buffer.length() != 0) {
result.append(buffer.substring(0, buffer.length() - 1));
}
result.append("]");
try {
this.sendAjaxResponse(result.toString());
} catch (Exception e) {
e.printStackTrace();
log.debug(e.getMessage());
}
}
}
return null;
}
分享到:
相关推荐
标题中的“总结一下这次用ajax/json实现SSH”指的是在Web应用程序中使用Ajax技术和JSON格式来实现与服务器端的安全Shell(SSH)通信。Ajax是Asynchronous JavaScript and XML的缩写,虽然XML在这里并不是必须的,它...
**jQuery、Ajax、PHP与Json:一个综合应用的探索** jQuery是JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及AJAX交互。Ajax,全称Asynchronous JavaScript and XML,是一种创建动态网页的技术,...
ASynchronous JavaScript And XML 异步的 JavaScript 和 XML; 异步和同步: 同步和异步本身是相对的 同步就相当于是 当客户端发送请求给服务端,在等待服务端响应的 请求时,客户端不做其他的事情。...Ajax 是一种
当我们在AJAX请求中设置contentType为"application/json"时,这个设置会对请求产生以下几个影响: 1. 指定数据格式:当我们设置contentType为"application/json"时,我们实际上是在告诉服务器端,发送到服务器的...
**Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...
这在处理JSON数据时尤其有用,因为JSON是一种轻量级的数据交换格式,广泛应用于Web服务和API之间。 1. **contentType参数的作用**: `contentType`参数决定了发送到服务器的数据格式。默认情况下,`$.ajax`会将...
最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 contentType:“application/json“ 之后返回...$.ajax({ type: post, url: mobile/notice/addMessageInfo.jspx, contentType: application
这个实例可以帮助初学者快速理解Ajax与JSON在Java环境下的应用,通过运行100720_testAjaxJSON,你可以观察到前端页面如何通过Ajax向后端Servlet发送JSON数据,以及Servlet如何处理这些数据并返回响应。这个过程涵盖...
JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其易读性、易写性和高效性,成为了Ajax通信中数据传输的首选格式。本篇文章将深入探讨在Ajax中如何使用JSON来传输数据,以及涉及到的相关工具和...
在IT行业中,Ajax(Asynchronous JavaScript and XML)与Json(JavaScript Object Notation)是Web开发中的重要技术,尤其在创建动态、交互性丰富的网页应用时不可或缺。本视频教程"一头扎进Ajax&Json视频教程第一讲...
Struts2提供了一些内置的支持来处理Ajax请求,例如使用`.struts2-json-plugin`,它可以自动将Action结果转换为JSON格式,便于前端解析。 Struts处理Ajax请求的方式多种多样,包括使用`@Action`注解指定Ajax动作,...
"前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...
本话题主要关注在Web平台中,使用Java后端和JavaScript前端进行JSON数据交互的过程,具体涉及到AJAX(Asynchronous JavaScript and XML)技术以及JSON(JavaScript Object Notation)数据格式。 **1. AJAX**:AJAX ...
这个“AJAX+json初学案例”旨在帮助初学者理解如何通过AJAX获取并处理JSON数据。 首先,我们来看`ajax.html`。这是网页的前端部分,通常包含HTML、CSS和JavaScript。在JavaScript中,我们会使用AJAX技术来异步请求...
在本文中,我们将深入探讨jQuery、Ajax以及Json在Web开发中的应用,特别是在数据交互方面的实践。标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是...
AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...
AjaxJson result = JSON.parseObject(jsonString, AjaxJson.class); ``` 综上所述,`AjaxJson`实体类与`fastjson`库的结合使用,可以极大地提高后端处理Ajax请求和响应的效率,同时简化了前后端之间的数据交互。在...
Spring MVC、Ajax 和 JSON 是现代Web开发中的关键技术,它们共同构建了高效、动态的用户界面。下面将详细解释这三个技术及其在实际应用中的结合。 **Spring MVC** Spring MVC 是 Spring 框架的一部分,用于构建基于...
"Ajax返回JSON对象"这个主题聚焦于Ajax如何处理JSON(JavaScript Object Notation)数据格式,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 1. **Ajax基础**: - **异步通信**:...
标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及的是网页开发中的一个常见技术,用于提高用户输入体验。Ajax(异步JavaScript和XML)是Web开发中的一种技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据...