jQuery ajax请求json数据回调函数中data为undefined解决方法

2019-6-26 / 0 评论 学习笔记 / 思源哥哥

本文共计 3308 字,感谢您的耐心浏览与评论.

首先要考虑json数据是否正确,dataType类型和返回类型是否一致

今天写模板的时候用的ajax获取文章,调用标准api接口,可是总是出错,

代码大概是这样的

$.ajax({
            async: false, //必须设置为false,同步才行
            url: "api.php?route=article&page=" + page,
            type: "get",
            success: function(res) {
                    var list = res.data;
                    for (var i = 0; i < list.length; i++) {
                        html += "<li class='item'><a data-rel='lightcase' href='/?post=" + list[i].gid + "' class='a-img'>
                        <img src='" + list[i].thumbs + "'></a>";
                        html += "<h2 class='li-title'>" + list[i].title + "</h2>";
                    }

jjuu.png

报错代码和json文件对应的很好可是还是出问题,后来发现是忘记了设置dataType

设置dataType:"json",

成为json对象下面的代码才有效果

总结

api.php需要强调文件格式

header("Content-Type:application/json;charset=utf8");

ajax需要设置dataType

标签: jQuery ajax

转载:转载请注明原文链接 - jQuery ajax请求json数据回调函数中data为undefined解决方法


0条回应:“jQuery ajax请求json数据回调函数中data为undefined解决方法”


发表评论