`
shush
  • 浏览: 15903 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax/json

 
阅读更多
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

    标题中的“总结一下这次用ajax/json实现SSH”指的是在Web应用程序中使用Ajax技术和JSON格式来实现与服务器端的安全Shell(SSH)通信。Ajax是Asynchronous JavaScript and XML的缩写,虽然XML在这里并不是必须的,它...

    jQuery/Ajax/PHP/Json 的一个综合例子收藏

    **jQuery、Ajax、PHP与Json:一个综合应用的探索** jQuery是JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及AJAX交互。Ajax,全称Asynchronous JavaScript and XML,是一种创建动态网页的技术,...

    ajax+json.pdf

    ASynchronous JavaScript And XML 异步的 JavaScript 和 XML; 异步和同步: 同步和异步本身是相对的 同步就相当于是 当客户端发送请求给服务端,在等待服务端响应的 请求时,客户端不做其他的事情。...Ajax 是一种

    ajax中设置contentType: "application/json"的作用

    当我们在AJAX请求中设置contentType为"application/json"时,这个设置会对请求产生以下几个影响: 1. 指定数据格式:当我们设置contentType为"application/json"时,我们实际上是在告诉服务器端,发送到服务器的...

    ajax+json实例

    **Ajax+JSON 实例详解** 在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术已经成为提升用户体验的重要工具,它允许网页在不刷新整个页面的情况下与服务器进行数据交互。结合JSON(JavaScript Object ...

    $.ajax中contentType: “application/json” 的用法详解

    这在处理JSON数据时尤其有用,因为JSON是一种轻量级的数据交换格式,广泛应用于Web服务和API之间。 1. **contentType参数的作用**: `contentType`参数决定了发送到服务器的数据格式。默认情况下,`$.ajax`会将...

    ajax中设置contentType: “application/json”的作用

    最近在做项目交互的时候,刚开始向后台传递数据返回 415 ,后来百度添加了 contentType:“application/json“ 之后返回...$.ajax({ type: post, url: mobile/notice/addMessageInfo.jspx, contentType: application

    Ajax JSON 实例For Java

    这个实例可以帮助初学者快速理解Ajax与JSON在Java环境下的应用,通过运行100720_testAjaxJSON,你可以观察到前端页面如何通过Ajax向后端Servlet发送JSON数据,以及Servlet如何处理这些数据并返回响应。这个过程涵盖...

    Ajax中使用JSON传输数据

    JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其易读性、易写性和高效性,成为了Ajax通信中数据传输的首选格式。本篇文章将深入探讨在Ajax中如何使用JSON来传输数据,以及涉及到的相关工具和...

    一头扎进Ajax&Json视频教程第一讲

    在IT行业中,Ajax(Asynchronous JavaScript and XML)与Json(JavaScript Object Notation)是Web开发中的重要技术,尤其在创建动态、交互性丰富的网页应用时不可或缺。本视频教程"一头扎进Ajax&Json视频教程第一讲...

    ajax+servlet/struts/json

    Struts2提供了一些内置的支持来处理Ajax请求,例如使用`.struts2-json-plugin`,它可以自动将Action结果转换为JSON格式,便于前端解析。 Struts处理Ajax请求的方式多种多样,包括使用`@Action`注解指定Ajax动作,...

    前台ajax与后台json传递

    "前台Ajax与后台Json传递"这个主题就是关注如何高效地实现这一交互过程。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下,实现局部数据的更新,而Json(JavaScript Object Notation...

    平台java前端ajax,json请求

    本话题主要关注在Web平台中,使用Java后端和JavaScript前端进行JSON数据交互的过程,具体涉及到AJAX(Asynchronous JavaScript and XML)技术以及JSON(JavaScript Object Notation)数据格式。 **1. AJAX**:AJAX ...

    AJAX+json初学案例

    这个“AJAX+json初学案例”旨在帮助初学者理解如何通过AJAX获取并处理JSON数据。 首先,我们来看`ajax.html`。这是网页的前端部分,通常包含HTML、CSS和JavaScript。在JavaScript中,我们会使用AJAX技术来异步请求...

    jQuery+get/post+Ajax+Json

    在本文中,我们将深入探讨jQuery、Ajax以及Json在Web开发中的应用,特别是在数据交互方面的实践。标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是...

    AjaxJson 实例 AjaxJson

    AjaxJson 是一种在 Web 应用程序中实现异步数据交换的技术,它结合了 AJAX(Asynchronous JavaScript and XML)和 JSON(JavaScript Object Notation)的优势,使得网页可以在不刷新整个页面的情况下与服务器进行...

    AjaxJson实体类与依赖包

    AjaxJson result = JSON.parseObject(jsonString, AjaxJson.class); ``` 综上所述,`AjaxJson`实体类与`fastjson`库的结合使用,可以极大地提高后端处理Ajax请求和响应的效率,同时简化了前后端之间的数据交互。在...

    springMVC+ajax+json

    Spring MVC、Ajax 和 JSON 是现代Web开发中的关键技术,它们共同构建了高效、动态的用户界面。下面将详细解释这三个技术及其在实际应用中的结合。 **Spring MVC** Spring MVC 是 Spring 框架的一部分,用于构建基于...

    ajax返回json对象.zip

    "Ajax返回JSON对象"这个主题聚焦于Ajax如何处理JSON(JavaScript Object Notation)数据格式,这是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 1. **Ajax基础**: - **异步通信**:...

    Ajax+JSON 搜索框自动完成提示功能

    标题 "Ajax+JSON 搜索框自动完成提示功能" 涉及的是网页开发中的一个常见技术,用于提高用户输入体验。Ajax(异步JavaScript和XML)是Web开发中的一种技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据...

Global site tag (gtag.js) - Google Analytics