ajax&json

ajax&json

1.ajax概念

• ajax：即异步的javastript and xml ，早期是使用xml进行数据的交互，现在使用json数据格式进行数据的交互
• 实际是有javastrip生成一个XMLHttpRquest，由这个对象发送请求给服务器，而不是由浏览器发送请求给服务器，客户是感受不到的。

2.ajax的类型

1. 原生的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;
  }
} 

2. 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格式化为字符串；



*/