jQuery

1. Java 代码

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

  

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

$(function() {}); 是 $(document).ready(function(){}) 的简写;
$(document).ready(function(){}); 里的代码是在页面内容都加载完才执行的;
<script>
	$(document).ready(function() {
		// ...
	});
	// 或
	$(function() {
		// ...
	});
</script>
当然如果你把 <script> 标签放到页面最后面那么就没问题了,此时和 ready 效果一样;
<body>
	// ...
	
	<script>
		// ...
	</script>
</body>

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.jsonArray + ')'), 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) {});

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