码迷,mamicode.com
首页 > Web开发 > 详细

jQuery - ajax

时间:2017-07-03 16:21:36      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:后台   代码   logs   exception   error:   blog   line   nbsp   字符串   

1. Java 代码

public class HandlerAction {
	private List<T> list;// 或 ArrayList<HashMap<Object, Object>> list
	private String jsonStr;
	// getter && setter
	
	 public String doSth() throws Exception {
		 list = ...;// 直接返回 list,在 ajax 的 success 下面使用
		 
		 // 或者是转换成 json 字符串,然后再在 ajax 里转换成 json 对象后使用
		 jsonStr = new net.sf.json.JSONArray().fromObject(list).toString();// 1
		 jsonStr = new net.sf.json.JSONObject().fromObject(list).toString();// 2
		 
		 return "success";
	 }
}

  

2. 关于 $(function() {});

 

3. Ajax

<script type="text/javascript">
	$(function() {
		$.ajax({
			url: "",
			data: {
				"arg0": arg0,
				"arg1": arg1
			},
			async: true,
			dataType: "json",
			success: function(data) {
				var html = ‘‘;
				// 遍历方式 1
				// jsonArray 是后台返回的 json 字符串
				$.each(eval(‘(‘ + data.jsonStr + ‘)‘),
				function(i, item) {
					html += ‘<li class="green"><h3>‘ + item.time + ‘</h3><dl><dt><span>‘ + item.content + ‘</span></dt></dl></li>‘;
				});
				$("#timeline").append(html);

				// 遍历方式 2
				// list 是后台返回的 List<T> list
				/* for ( var i in data["list"]) {
					html += ‘<li class="green"><h3>‘ + data["list"][i].time + ‘</h3><dl><dt><span>‘ + data["list"][i].content + ‘</span></dt></dl></li>‘;
				}
				$("#timeline").append(html); */

			},
			error: function() {
				alert("系统错误");
			}
		});
	});
</script>

 

4. $.each(obj, function(i, item) {});

jQuery - ajax

标签:后台   代码   logs   exception   error:   blog   line   nbsp   字符串   

原文地址:http://www.cnblogs.com/ikoo4396/p/7111168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!