ajax将数据读取到前端

读取的数据是json格式的时候，可用

var temp=JSON.parse(data);

将其变为json格式

但是，如果数据本身是data.json的时候，此方法就会报错
，所以一般通过，进行自动转化

<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

    console.log("runoob-1")
    console.log("runoob-1")

    $.ajax({
        type:"get",//请求方式，是get类型的请求
        url:"js/data.txt",//请求的地址
        // async:false,
        data:{//请求数据json对象
            uname:"zhangsan",   //如果没有参数则不用设置
        },
        // 请求成功时，调用的函数
        success:function(data){//data是形参的名字，代表返回的数据
            console.log(data);
            console.log("123");

            // 将字符串转换成json格式
            var temp=JSON.parse(data);
            console.log(temp);
        }
    })
    document.write("123");
        console.log("分割");


        // 直接读取的json类型的文件，就可直接打印，但是通常都会用da'ta'Type
    $.ajax({
        type: "get",//请求方式，是get类型的请求
        url: "js/data.txt",//请求的地址
        // async:false,
        data: {//请求数据json对象
            uname: "zhangsan",   //如果没有参数则不用设置
        },
        dataType:"json",//如果收到的数据是json格式的，则会自动变成json数据。
        // 请求成功时，调用的函数
        success: function (data) {//data是形参的名字，代表返回的数据
            console.log(data);
            console.log("123");
        }
    })


</script>

https://www.bilibili.com/video/BV19B4y1T7Sp?p=15