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

访客3年前黑客资讯1129

首先要考虑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='4703-542f-7cba-1fca item'><a data-rel='lightcase' href='/?post=" + list[i].gid + "' class='542f-7cba-1fca-41d0 a-img'>
                        <img src='" + list[i].thumbs + "'></a>";
                        html += "<h2 class='7cba-1fca-41d0-f70d li-title'>" + list[i].title + "</h2>";
                    }

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

设置dataType:"json",

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

总结

api.php需要强调文件格式

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

ajax需要设置dataType

标签: jQueryajax

相关文章

jQuery电商网站楼层滚动定位

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

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

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

fancybox3图片浮窗增强jQuery插件

介绍:用于呈现各种类型媒体的javascript lightbox库。响应灵敏,触控灵活,可定制。 3.0主要就是功能多且美观 官方给出的最快使用方法 <!-- 1. Add latest...

jq什么意思(什么是jQuery)

jq什么意思(什么是jQuery)

jQuery也就是JavaScript和Query(查询),等于帮助JavaScript开拓的库。 jQuery优势: 1).轻量级 2).强大的选择器 3).精彩的DOM操纵封装 4).靠得住的...

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...