【JSON,Ajax】
cache 缓存
JSON
JSON 是一种轻量级的数据交换格式,ECMA 的一个子集
优点:
轻量级、易于人的阅读和编写,便于机器(JavaScript)解析,支持复合数据类型(数组、对
象、字符串、数字)
使用一个JSON 对象,描述下面一句话
沈嫣然24 岁,来自北京,爱好看bl小说和吃好吃的。小沈有两个妹妹,一个叫小王,23 岁,是一名策划助理。另
一个叫小白,16岁,是一名学生。
{
"name":"沈嫣然",
"age":24,
"from":"北京",
"hobby":"看bl小说和吃好吃的",
"sisters":[
{"name":"小王","age":23,"job":"策划助理",},
{"name":"小白","age":16,"job":"学生"}
]
}
Ajax
Ajax 是异步JavaScript 和XML,用于在Web 页面中实现异步数据交互。
优点:
可以使得页面不重载全部内容的情况下加载局部内容,降低数据传输量
避免用户不断刷新或者跳转页面,提高用户体验
缺点:
对搜索引擎不友好
要实现ajax 下的前后退功能成本较大
可能造成请求数的增加
跨域问题限制
使用JavaScript 编写原生的Ajax 请求代码
创建XMLHttpRequest对象
- get请求
- post请求
- readyState与status
0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法;
1 (载入):已经调用open() 方法,但尚未发送请求;
2 (载入完成): 请求已经发送完成;
3 (交互):可以接收到部分响应数据;
4 (完成):已经接收到了全部数据,并且连接已经关闭。
Status → 404
AJAX在JQuery中怎样写
$.ajax({
url:"http://www.microsoft.com", //请求的url地址
dataType:"json", //返回格式为json
async:true,//请求是否异步,默认为异步,这也是ajax重要特性
data:{"id":"value"}, //参数值
type:"GET", //请求方式
beforeSend:function(){
//请求前的处理
},
success:function(req){
//请求成功时处理
},
complete:function(){
//请求完成的处理
},
error:function(){
//请求出错处理
}
});
Ajax在什么情况下会执行success, 什么时候会执行error
success
类型:Function
请求成功后的回调函数。
参数:由服务器返回,并根据 dataType 参数进行处理后的数据;描述状态的字符串。
这是一个 Ajax 事件。
error
类型:Function
默认值: 自动判断 (xml 或 html)。请求失败时调用此函数。
有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。
如果发生了错误,错误信息(第二个参数)除了得到 null 之外,还可能是 "timeout", "error", "notmodified" 和 "parsererror"。
这是一个 Ajax 事件。
Ajax都能返回哪些类型的数据
- 返回string
- 返回int【向下取整,取整函数】
- 返回数组(List或array)
- 返回自定义类
- 返回自定义类的集合
- 返回Dictionary
- 返回DataSet【数据集】