CGB2004第四阶段day03总结

#ajaxyunyong

<script type="text/javascript">
	//让页面加载完成之后执行
	$(function() {

		//1.$.get  2.$.post  3.$.getJSON 只能获取json串  4.$.ajax 万能用法
		//1.语法  url地址,  data参数 , 回调函数    返回值类型
		//type类型:xml, html, script, json, text, _default 会自己解析返回值。
		//jQuery.get(url, [data], [callback], [type])   一般都是json串
		$.get("/findAjax2", function(data) {

			//1.获取返回值信息,之后循环遍历,之后将每个数据获取之后 拼接到table中即可
			//关于ajax参数问题  第一个参数 代表下标 ,第二个参数代表遍历的对象
			var trs = null;
			$(data).each(
					function(index, user) { //[user,user,user....]
						//var user = data[index];
						var id = user.id; //从对象中获取属性信息
						var name = user.name;
						var age = user.age;
						var sex = user.sex;
						trs += "<tr align='center'><td>" + id + "</td><td>"
								+ name + "</td><td>" + age + "</td><td>" + sex
								+ "</td></tr>";
					});
			//将tr标签追加到table中
			$("#tb1").append(trs);
		});

		//2.利用$.ajax方法发起ajax请求
		$.ajax({
			type : "get",   		//请求类型
			url : "/findAjax", 		//请求路径
			dataType: "json",       //指定返回值格式为json串
			//data : "name=John&location=Boston",	//请求参数
			async: false ,  //表示同步和异步问题.  默认条件下 是异步操作
			cache: false ,   //添加请求缓存
			success : function(data) {			    //回调函数
				$(data).each((index,user) => {
					addrows(user);
					});
			},
			error : function(data){

				alert("请求失败!!!")
			}
		});

		//${user.id}  el表达式  所以取值为null
		function addrows(user){
			var tr = "<tr align='center'><td>"+user.id+"</td><td>"+user.name+"</td><td>"+user.age+"</td><td>"+user.sex+"</td></tr>";
			$("#tb1").append(tr);
		}

	});
</script>

#分布式思想
1.按照功能模块拆分
2.按照层级进行拆分

##创建父集工程

##创建工具API项目
创建子级项目JT-COMMON

##创建业务工程

#页面跳转流程
说明:当用户通过http://localhost:8091访问时. 默认发起了一个index的请求

页面跳转路径拼接: /WEB-INF/views/index.jsp