2017-12-19JSON AJAX

一、JSON

它是一种数据传输格式，不是编程语言
1.key添加双引号 不建议用中文
2.末尾没有分号
3.同一个对象中不允许出现两个同名属性
4.value 可以有多种形式，任意一种数据类型

//这个是对象字面量  
var obj = {
  name: "xiaoming",
  age:22 
}
//JSON
var aa = {
"name": "jessie",
"age": 22,
"hobby":["sing","dance"],    //数组
"work": {                     //对象
        "job": "web",
        "address":"gz"    
    },
"member":[{
                "name":"ben",
                "hobby":["sing","dance"]
              },
              {
                "name":"lili",
                "hobby":["sing","dance"]
              }]
}
console.log(aa.hobby[1])   //取爱好里面的跳舞
console.log(aa.work.address)  //取地址
console.log(aa.member[0].hobby[0]);  //取会员里面ben的爱好的唱歌

对这个json的值 给一个变量 取出对应的值

序列号JSON

JSON.stringify()   //JSON 对象转json字符串
JSON.parse()    //JSON字符串转json对象

var test = JSON.stringify(aa,['name','member','work']); [里面是会传过去的 hobby不会传过去]*/ （了解）

二、AJAX

用于实现异步加载，异步更新的方法
ajax的技术核心是：XMLHttpRequest(对象) ==简称:（XHR） ie7以上支持
ie5/ie6 ActiveXObject

  var xmlhttp;
  if(window.XMLHttpRequest){
        //ie7+ chrome firefox safari opera
        xmlhttp = new XMLHttpRequest();
      }else {
        //ie5/ie6
        xmlhttp = new ActiveXObject("Microfoft.XMLHTTP");
     };

向服务器发送请求 true异步 false同步

xmlhttp.open(url,'get',true);

jquery封装的ajax

    $(".btn").on('click',function() {
      $.ajax({
        type:"post",
        url:"http://localhost:3000/info",
        async:true,//async 异步  sync同步
        data:{username:"aaa", content:"bbb"},
        dataType:"json",
        success:function(msg) {
          var obj = msg;
          alert(JSON.stringify(msg));
        },
        error:function() {
            //报错要处理
        }
      })
    })