JqueryAjax入门基础

最新推荐文章于 2022-10-29 09:13:13 发布

龍晰小菜鸡

最新推荐文章于 2022-10-29 09:13:13 发布

阅读量568

点赞数

分类专栏：前端文章标签： JQueryAjax

本文链接：https://blog.csdn.net/lxxiaocaiji/article/details/82789480

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

jackson：
Jackson是一个简单基于Java应用库，Jackson可以轻松的将Java对象转换成json对象
和xml文档，同样也可以将json、xml转换成Java对象。

核心代码：
ObjectMapper mapper = new ObjectMapper();
mapper.writeValueAsString(obj);

int count = md.getColumnCount();
map.put(md.getColumnName(i), rs.getObject(i));

下面的是后台json的三种格式的体现形式：

注：javab与Map集合转换成json字符串的格式一样的。

//		json对象形式
		Student stu= new Student(1, "麻子");
		ObjectMapper om = new ObjectMapper();
		System.out.println(om.writeValueAsString(stu));
//		json数组形式
		List<Student> list =  new ArrayList<>();
		list.add(stu);
		System.out.println(om.writeValueAsString(list));
//		json混和形式
		Map<String, Object> map = new HashMap<>();
		map.put("stu", list);
		System.out.println(om.writeValueAsString(map));

JQuery的Ajax请求的几个关键性单词：

$.ajax
url
URL后添加时间戳防止浏览器缓：xxx?ts=new Date().getTime()
success
dataType
error

下面是一个Ajax的三级联动例子：

jsp代码：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script type="text/javascript" src="${pageContext.request.contextPath}/Jquery/table/js/Region.js" charset="gb2312"></script>
</head>
<body>
<div>
	<h1>$.ajax实现省市联动</h1>
	<input type="hidden" id="ctx" value="${pageContext.request.contextPath}">
	<div>
		<select id="province">
			<option selected="selected">---请选择省份---</option>
		</select>&nbsp;&nbsp;
		<select id="city">
			<option selected="selected">---请选择城市---</option>
		</select>&nbsp;&nbsp;
		<select id="county">
			<option selected="selected">---请选择县区---</option>
		</select>
	</div>
</div>
</body>
</html>

js代码：

$(function() {
	var ctx = $("#ctx").val();
	$.ajax({
		url:ctx+"/region",
		success:function(data){
			for(index in data){
				console.log(data[index]);
				$("#province").append("<option value='"+data[index].ID+"'>"+data[index].REGION_NAME+"</option>")
			}
		},
		dataType:"json"
	});
	
	$("#province").change(function(){
		$("option:gt(0)","#city").remove();
		$("option:gt(0)","#county").remove();
		$.ajax({
			url:ctx+"/region?ID="+this.value,
			success:function(data){
				for(index in data){
					$("#city").append("<option value='"+data[index].ID+"'>"+data[index].REGION_NAME+"</option>")
				}
			},
		dataType:"json"
		});
	});
	
	$("#city").change(function(){
		$("option:gt(0)","#county").remove();
		$.ajax({
			url:ctx+"/region?ID="+this.value,
			success:function(data){
				for(index in data){
					$("#county").append("<option value='"+data[index].PAERNT_ID+"'>"+data[index].REGION_NAME+"</option>")
				}
			},
		dataType:"json"
		});
	});
})

——来自龍晰小菜鸡

龍晰小菜鸡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JqueryAjax入门基础

jackson： Jackson是一个简单基于Java应用库，Jackson可以轻松的将Java对象转换成json对象和xml文档，同样也可以将json、xml转换成Java对象。核心代码： ObjectMapper mapper = new ObjectMapper(); mapper.writeValueAsString(obj); int c...
复制链接

扫一扫

专栏目录