使用Ajax请求Json

第一种方法

        //创建请求对象
        var request = new XMLHttpRequest();
        //配置请求参数,请求方式,请求地址
        request.open("get", "..js/aap.json", true);
        //请求处理函数
        request.onreadystatechange = function() {
                if (request.readyState == 4 && request.status == 200) {
                    //console.log(request.responseText);
                    var json = JSON.parse(request.responseText);
                    console.log(json);
                }
            } //发送请求
        request.send();

第二种方法

$.ajax({
            type: "get",
            url: "js/app.json",
            // data: {
            //     id : 1000,
            //     name : "张三	"
            // },
            // contentType: "json",
            success: function(result) {
                console.log(result);
            },
            error: function(requst) {
                console.log(Request);
            }
        })

第三种方法

  $.get("js/app.json", {}, function(result) {
                console.log(result);
            })
        fetch("js/app.json")
            .then(function(result) {
                //response 服务器返回的对象
                return result.json();

            }).then(function() {
                console.log(result);
            })

第四种方法

 fetch("js/app.json")
            .then(function(result) {
                //response 服务器返回的对象
                return result.json();

            }).then((result)=>{
            	console.log(result);
            })

第五种方法

  $.get("js/app.json", {}, function(result) {
            console.log(result);
        })
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

杜小姐-

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值