JSON与JS请求和JQ请求

JSON 是一种轻量级的数据交换格式。

它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 

易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

// JSON 键值对是用来保存 JS 对象的一种方式，和 JS 对象的写法也大同小异，
// 键/值对组合中的键名写在前面并用双引号 "" 包裹，使用冒号 : 分隔，然后紧接着值：
{"firstName": "Json"}
JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

<script type="text/javascript">
    // JSON 轻量级的数据交换格式
    // XML 

    // JSON用来表示对象和数组
    var json = '["171204",{"name":"张三","age":"20"},{"name":"李四","age":"22"}]';
    // 通过JS自带的JSON.parse可以把JSON格式的字符串,转化为对象
    var obj = JSON.parse(json);
    console.log(obj);
</script>

JS请求

    //JS请求
    // 1.创建请求对象
    var request = new XMLHttpRequest();
    // 2.设置请求并发送
    request.open("GET","test.json",true);
    request.send();
    request.onreadystatechange = function(){
        if (request.readyState==4 && request.status==200) {
            // 请求成功
            console.log(request.responseText)
            // var listObj = JSON.parse(request.responseText);
        }
    }

JQ请求

    // JQ请求
    $.ajax({
        url:"test.json", // 请求目标
        type:"GET", // 请求类型 POST 或者 GET(默认)
        async:true, // true代表异步(默认),false同步(不支持)
        beforeSend:function(obj){
            // 在发送请求之前执行此函数
            // 检查一下请求是否想要的
            // 如果return false 则取消发送
            console.log(obj)
            // return false;
        }
        // 可以把success里面的this 改变指向
        context:document.getElementsByTagName('body')[0],
        timeout:5000, // 设置超时时间
        // 设置请求对象
        xhr:function(){
            var obj = new XMLHttpRequest()
            return obj;
        }
        cache:true, //true代表缓存 false不缓存
        success:function(res){
            console.log(res);
        }
    });