prototype中的ajax异步加载

jquery前台处理:
var param = {a:a};
$.post("*.do",param,function(data) {
    var columHtml =  "";
    $.each(data, function(i, item) {
	columHtml = columHtml + "<option value=‘"+item[0]+"‘>"+item[1]+"</option>"
    });
    $("#columnid").append(columHtml);
 });
后台:返回json 格式

=========================================================================================================================
prototype.js使用ajax级联:
后台返回json格式的list,前台使用ajax 处理json 和 list
前台页面:
<select name="id" id="id"  onchange="aa(this.value)">
	<option value="0">请选择</option>
</select>
js方法
function  aa(id){
		function onSuccess(response) {
			var data = response.responseText.evalJSON();
			var colList = data.dataList;
			var columHtml =  "";
			for(var i = 0;i<colList.length;i++){
				columHtml = columHtml + "<option value=‘"+colList[i].id+"‘>"+colList[i].colName+"</option>"
			}
			alert(columHtml);
			var a = $(‘columnid‘);
			alert(a.innerHTML);
  			$(‘columnid‘).innerHTML = columHtml;
        }
		function onFailure(response) {
			alert(‘数据请求异常‘);
        }
		var params = "&websiteId="+websiteid;
		ajax = new Ajax.Request(
				‘a.do‘,{
				method: ‘POST‘,
				asynchronous: true,
				parameters:params,
				onSuccess : onSuccess,
				onFailure : onFailure
			}
		);
	}

后台action处理:

	JSONObject jsonObject = new JSONObject();
	jsonObject.put("dataList", maplist);
	this.getPrintWriter(jsonObject);
xml处理:
<action name="a" class="AAction"  method="a">
<result name="success" type="json"></result>
</action>

  

时间: 2024-10-14 04:19:35

prototype中的ajax异步加载的相关文章

jQuery的AJax异步加载片段

主要用到load()方法以及getScript()方法,具体以一个例子说明: 在现有html文件中加载一个拟好的片段,以及在片段加载完成之前阻止用户进一步操作的弹出框. 首先是现有html代码,无任何内容: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>AJax异步加载</title> <scri

淘宝购物车页面 智能搜索框Ajax异步加载数据

如果有朋友对本篇文章的一些知识点不了解的话,可以先阅读此篇文章.在这篇文章中,我大概介绍了一下构建淘宝购物车页面需要的基础知识. 这篇文章主要探讨的是智能搜索框Ajax异步加载数据.jQuery的社区非常的活跃,许多朋友都在不同地方分享了很多优秀的插件.我在相关的网站上找过想实现类似功能的插件,但是没有找到.于是乎,自己动手丰衣足食.自己来搭建智能搜索框下拉列表.当然,如果有类似功能并且常维护Bug的插件,望留言交流. 源码地址: 淘宝购物车页面--PC端和移动端项目实战 首先需要先给大家打一根

ajax异步加载问题

使用ajax异步加载数据,在之后需要用到这个数据时,应该将之后的js一并写入ajax函数中,否则后面的js不能找到动态拼接的dom节点. 或者将其封装成方法,在ajax动态加载数据的最后调用该方法.

Ajax异步加载数据及Redis缓存

针对网页分类条目的动态加载,图为页面的Head部分. //categoryListServlet准备分类数据 ProductService service = new ProductService(); List<Category> categoryList = service.findAllCategoryList(); response.setContentType("text/html; charset=utf-8"); Gson gson = new Gson();

Android新浪微博客户端(七)——ListView中的图片异步加载、缓存

原文出自:方杰|http://fangjie.sinaapp.com/?p=193转载请注明出处 最终效果演示:http://fangjie.sinaapp.com/?page_id=54该项目代码已经放到github:https://github.com/JayFang1993/SinaWeibo 一.ListView的图片异步加载 我们都知道对每一个Weibo Item都有用户头像,而且每一条微博还可能带有图片.如果在加载列表的同时加载图片,这样有几个缺点,第一很费事,界面卡住,用户体验很不

使用ajax异步加载数据

使用ajax异步加载数据 controller为User赋值 @RequestMapping("/a2") public List<User> a2() { List<User> userlist = new ArrayList<User>(); userlist.add(new User("大头儿子", 6, "男")); userlist.add(new User("小头爸爸", 30,

Ajax 异步加载

AJAX (Asynchronous JavaScript and XML,异步的 JavaScript 和 XML).它不是新的编程语言,而是一种使用现有标准的新方法,是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术. 那么,让我们一起走进AJax的世界吧. 基础语法 获取Ajax对象 设置回调函数 readystate status 开启交互 客户端更新页面 实例体验 使用Servlet方式 AjaxServletjava webxml ajaxhtml 实验结果 使用JS

简单的ListView中item图片异步加载

前言: 在android开发当中,从目标地址获取图片往往都是采用异步加载的方法.当完全加载完图片后在进行显示,也有些是直接将加载的图片一点一点的显示出来. 这两个区别只是对流的处理不同而已.现在就讲讲当图片被完全获取到后在显示的方法. 一,效果图:       初始化:                                                   获取后:                         1.1,效果思路: 初始化的时候默认ImageView显示一张白色的图

使用Ajax异步加载页面时,怎样调试该页面的Js

前言-本人不是干前端的,所以有的名词不专业 在前端中,有时候会遇到这样的框架,http://172.17.11.151:8060/frontend/backend.html#1.html (通过解析URL,把1.html异步加载到指定位置),不知道这样的框架叫什么名字. 那我们就会遇到一个问题,调试1.html的时候怎么办,通过浏览器掉出控制台找不到1.Html页面,无法加断点啊. 解决办法 在1.html 你所要调试位置加上一句代码  debugger;  就可以了,就是这么爽 可以调试了,可