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

访客4年前黑客资讯1171

首先要考虑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='a00e-8a21-7df1-30f6 item'><a data-rel='lightcase' href='/?post=" + list[i].gid + "' class='8a21-7df1-30f6-1089 a-img'>
                        <img src='" + list[i].thumbs + "'></a>";
                        html += "<h2 class='7df1-30f6-1089-c575 li-title'>" + list[i].title + "</h2>";
                    }

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

设置dataType:"json",

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

总结

api.php需要强调文件格式

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

ajax需要设置dataType

标签: jQueryajax

相关文章

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

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

fancybox3图片浮窗增强jQuery插件

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

jQuery电商网站楼层滚动定位

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

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

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

jquery设置与去除disabled属性的方法

转载于csdn https://me.csdn.net/qq_40393093 jquery设置与去除disabled属性的方法 //两种方法设置disabled属性  $('#areaSele...

jq什么意思?什么是jQuery

jq什么意思?什么是jQuery

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