ajax&json
1.ajax概念
- ajax:即异步的javastript and xml ,早期是使用xml进行数据的交互,现在使用json数据格式进行数据的交互
- 实际是有javastrip生成一个XMLHttpRquest,由这个对象发送请求给服务器,而不是由浏览器发送请求给服务器,客户是感受不到的。
2.ajax的类型
- 原生的ajax
var re = new XmlHttpRequset();
//如果需要返回json数据,需要设置请求头
re.setRequestHeader = ("ContextType","application/json;charset = "utf-8");
re.onreadystatechange = function(){
if(re.readyState && re.status == 200){
//返回的数据
var data = re.RequestText;
}
}
- jquery的ajax
//get
$.post({
url:"xxx",
//字符串格式:“xx=xx&xx=xx”
//json格式{键:值"}
data:{username:"liujun"},
dataType:"json"或者text;默认是text格式,
success:funcation(){
},
error:funcation(){
}
})
3.json
-
json的概念
- json(javascript object nation)是一种轻量级数据传输格式,代替了以前的xml。结构清晰,易于人的阅读和编写,也易于机器的解析和阅读。
json的格式
/*
1.{xx:"xx",xx:"xx"} 对象格式 相当与javabean
2.[{name:"liujun",age:10},{name:"liujie",age:11}] 数组格式 List
3.{office:{id:19,oname:"中科"},office2:[{id:19,oname:"中科"},id:20,oname:"外科"}] Map
*/
- json的方法
/*
JSON.parse(String);将一个字符串解析成json格式
var str = '{"name":"liujun","age",13}';
JSON.parse(str);
JSON.stringfy(json)将一个json格式化为字符串;
*/