热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jquerydatatableajax提示有多少条数据但是没显示具体数据?

问题描述jquerydatatableajax提示有多少条数据但是没显示具体数据问题出现的环境背景及自己尝试过哪些方法相

问题描述

jquery datatable ajax提示有多少条数据 但是没显示具体数据

问题出现的环境背景及自己尝试过哪些方法


相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

$(document).ready(function() {

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
         $('#datatable_example').dataTable( {

              "processing":true,        

              "serverSide": true,

              "sAjaxSource":"http://localhost:8090/student/list",

             "sAjaxDataProp":"data",

      "columns": [

        {"data":'id'

        },

        {"data":'number'

        },

        {"data":'name'

        },

        {"data":'sex'},

        {"data":'age'

        },

        {"data":'cardId'

        },

        {"data":'brithday'

        },

        {"data":'joinTime'},

        {"data" :'political'},

        {"data":'nation'},

        {"data":'clazz'

        },

        {"data":'grade'

        },

        {"data":'major'

        },

        {"data":'college'

        },

        {"data":'length'},

        {"data":'email'

        },

        {"data":'telphone'},

        {"data":'home'},

        {"data":'pc'

        }

        ],

     

     

         "aoColumnDefs": [

        {

         sDefaultContent: '',

         aTargets: [ '_all' ]

          }

        ],

       

    "aaSorting": [[ 1, "asc" ]],

    "bPaginate": true,

    "sPaginationType": "full_numbers",

    "bJQueryUI": false,

    "oLanguage": {

        "sLengthMenu": "每页显示 _MENU_ 条记录",

        "sZeroRecords": "对不起,没有匹配的数据",

        "sInfo": "第 _START_ - _END_ 条 / 共 _TOTAL_ 条数据",

        "sInfoEmpty": "没有匹配的数据",

        "sInfoFiltered": "(数据表中共 _MAX_ 条记录)",

        "sProcessing": "正在加载中...",

        "sSearch": "搜索:",

        "oPaginate": {

        "sFirst": "第一页",

        "sPrevious": " 上一页 ",

        "sNext": " 下一页 ",

        "sLast": " 最后一页 "

        }

        }

      });

         })

json数据:

{"status":"success","data":[{"id":3,"number":"04161110","name":"测试","sex":1,"age":20,"cardId":"441301199807262002","brithday":"1998-07-26","joinTime":"2016-09-01","political":0,"nation":"汉族","clazz":"2016级软件1班","grade":"2016级","major":"软件工程","college":"计算机科学与技术学院","length":"2","email":"958593442@qq.com","telphone":"13726280402","home":"中国人民共和国广东省","pc":"001261"},{"id":1,"number":"04161111","name":"张振邦","sex":1,"age":20,"cardId":"441301199807266123","brithday":"1998-07-26","joinTime":"2016-09-01","political":0,"nation":"汉族","clazz":"2016级软件1班","grade":"2016级","major":"软件工程","college":"计算机科学与技术学院","length":"2","email":"958593442@qq.com","telphone":"13726280402","home":"中国人民共和国广东省","pc":"001261"},{"id":4,"number":"04161116","name":"2号","sex":1,"age":20,"cardId":"441301199807260000","brithday":"1998-07-26","joinTime":"2016-09-01","political":1,"nation":"汉族","clazz":"2016级软件1班","grade":"2016级","major":"软件工程","college":"计算机科学与技术学院","length":"2","email":"958593442@qq.com","telphone":"13726280402","home":"中国人民共和国广东省","pc":"001261"}]}

你期待的结果是什么?实际看到的错误信息又是什么?

图片描述


推荐阅读
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先,介绍了如何正确引入必要的脚本文件,如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着,通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交,包括数据的发送、接收和处理。此外,还讨论了该方法在不同场景下的应用,如文件上传、表单验证和动态更新页面内容等,提供了丰富的代码示例和最佳实践建议。 ... [详细]
  • Edition:theprobleminmyquestionwasIvetriedtofindmatrixSfromequation8butthisequati ... [详细]
  • 解决Only fullscreen opaque activities can request orientation错误的方法
    本文介绍了在使用PictureSelectorLight第三方框架时遇到的Only fullscreen opaque activities can request orientation错误,并提供了一种有效的解决方案。 ... [详细]
  • 本文详细介绍了MySQL数据库的基础语法与核心操作,涵盖从基础概念到具体应用的多个方面。首先,文章从基础知识入手,逐步深入到创建和修改数据表的操作。接着,详细讲解了如何进行数据的插入、更新与删除。在查询部分,不仅介绍了DISTINCT和LIMIT的使用方法,还探讨了排序、过滤和通配符的应用。此外,文章还涵盖了计算字段以及多种函数的使用,包括文本处理、日期和时间处理及数值处理等。通过这些内容,读者可以全面掌握MySQL数据库的核心操作技巧。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • 在 Linux 环境下,多线程编程是实现高效并发处理的重要技术。本文通过具体的实战案例,详细分析了多线程编程的关键技术和常见问题。文章首先介绍了多线程的基本概念和创建方法,然后通过实例代码展示了如何使用 pthreads 库进行线程同步和通信。此外,还探讨了多线程程序中的性能优化技巧和调试方法,为开发者提供了宝贵的实践经验。 ... [详细]
  • 本文深入探讨了Ajax的工作机制及其在现代Web开发中的应用。Ajax作为一种异步通信技术,改变了传统的客户端与服务器直接交互的模式。通过引入Ajax,客户端与服务器之间的通信变得更加高效和灵活。文章详细分析了Ajax的核心原理,包括XMLHttpRequest对象的使用、数据传输格式(如JSON和XML)以及事件处理机制。此外,还介绍了Ajax在提升用户体验、实现动态页面更新等方面的具体应用,并讨论了其在当前Web开发中的重要性和未来发展趋势。 ... [详细]
  • Vue应用预渲染技术详解与实践 ... [详细]
  • 利用python爬取豆瓣电影Top250的相关信息,包括电影详情链接,图片链接,影片中文名,影片外国名,评分,评价数,概况,导演,主演,年份,地区,类别这12项内容,然后将爬取的信息写入Exce ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 微信公众号推送模板40036问题
    返回码错误码描述说明40001invalidcredential不合法的调用凭证40002invalidgrant_type不合法的grant_type40003invalidop ... [详细]
  • 本文将继续探讨 JavaScript 函数式编程的高级技巧及其实际应用。通过一个具体的寻路算法示例,我们将深入分析如何利用函数式编程的思想解决复杂问题。示例中,节点之间的连线代表路径,连线上的数字表示两点间的距离。我们将详细讲解如何通过递归和高阶函数等技术实现高效的寻路算法。 ... [详细]
author-avatar
L-Darin_209
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有