JSON
什么是JSON
- JSON(JavaScript Object Notation,js对象表示法)是一种轻量级的数据交换格式(和xml相比很轻量),易于人阅读和编写,同时也易于机器解析和生成。
JSON的数据交换格式
- {key:value,key:value}
- 其中value可以有很多种
- 基本数据类型(字符串、数字、布尔值)
- 数组
例如:{lastName:“李四”,books:[“西游记”,{},18]} - 对象
var student = {lastName:“张三”,age:18}
JSON一定要掌握的两种方法
- JSON(js内置对象),将js对象转换为json(js对象字符串表示法)字符串
var student = {
"lastName":"张三",
"age":18
};
var strJSON = JSON.stringify(student);
alert(typeof strJSON
- 将字符串(满足js对象表示法(json)格式)转为js对象
var student = JSON.parse(jsonStr)
alert(student.lastName);
什么是Ajax?
- Ajax即“Asynchronous JavaScript And XML”(异步JavaScript和XMl),是指一种创建交互式网页应用的开发技术。(页面不刷新就可以收到服务器响应的数据)
什么是异步?
- 异步:不会阻塞浏览器
- 同步:会阻塞浏览器;因为需要等到服务器整个处理完请求,完成响应以后才能做其他事情
现在页面的交互过程
- XMLHttpRequest对象帮我们发送请求
- 服务器收到请求,调用对应的servlet进行请求;servlet处理完成会有响应信息生成
- XMLHttpRequest对象收数据(浏览器就感受不到这个数据了;xhr对象收到这个数据)
- 发送请求
- 服务器收到请求,调用对应的servlet进行请求;servlet处理完成会有响应信息生成
- 浏览器收到了服务器响应的数据,把之前的页面清除,展示新的数据
Ajax的三个方法
Ajax 参考手册
$.get("${ctp}/getstuinfo",{lastName:"lisi",age:18});
$.post("${ctp}/getstuinfo","lastName=admin&age=18",
function(data,status){
$('#div1').html(data);
},"json");
$('#button').click(function(){
$.ajax({
url:"${ctp}/getstuinfo",
type:"get",
data:{"lastName":"admin",age:22}
async:true,
success:function(data){
$("div:eq(2)").html(data);
},
error:function(a,b){
alert("请求失败了!"+b+"状态码:"+a.status);
},
dataType:"json"
})
}