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

访客4年前黑客资讯1147

首先要考虑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='92b1-b0ba-9f39-66ba item'><a data-rel='lightcase' href='/?post=" + list[i].gid + "' class='b0ba-9f39-66ba-ceae a-img'>
                        <img src='" + list[i].thumbs + "'></a>";
                        html += "<h2 class='9f39-66ba-ceae-1222 li-title'>" + list[i].title + "</h2>";
                    }

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

设置dataType:"json",

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

总结

api.php需要强调文件格式

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

ajax需要设置dataType

标签: jQueryajax

相关文章

aos.js超赞页面滚动元素动画特效jQuery动画库

简要教程 aos.js是一款效果超赞的页面滚动米素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的米素动画效果,以及多种easing效果。在页面往回滚动时,米素会恢复到原来的状态...

jQuery动态append添加元素点击事件失效

问题描述:在div中动态添加span米素,之后执行 $(selector).click(function(){var param = $(this).text();}) 无法触发事件。...

jq什么意思?什么是jQuery

jq什么意思?什么是jQuery

什么是jQuery ? jQuery也就是JavaScript和Query(查询),即是辅助JavaScript开发的库。 jQuery优势: 1).轻量级 2).强大的选择器 3).出色的...

jquery外链版本整理

jquery-2.1.1 (注!jquery-2.0以上版本不再支持IE 6/7/8) 百度引用地址 (推荐目前最稳定的,不会出现延时打不开情况)百度压缩版引用地址: <script src...

jQuery电商网站楼层滚动定位

转载于前端网 <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <tit...

简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法

1.$.getJSON   $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: $.getJSON(       url,             ...