JSON与数据请求

最新推荐文章于 2023-09-15 14:41:50 发布

丝路花雨-

最新推荐文章于 2023-09-15 14:41:50 发布

阅读量574

点赞数

分类专栏： JS基础

本文链接：https://blog.csdn.net/X18621144576/article/details/79593252

版权

JS基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JSON

什么是JSON:JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。
        它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。
        简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 
        易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

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

// 要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：
var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'
// 要实现从 JSON 转换为对象，使用 JSON.parse() 方法：
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}

<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请求与JQ请求

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>ajax</title>
    </head>
    <body>  
    </body>
    <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        // 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);
            }
        });

        //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);
            }
        }
    </script>
</html>

丝路花雨-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSON与数据请求

JSON什么是JSON:JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它基于 ECMAScript (w3c制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于...
复制链接

扫一扫

专栏目录