首页 > 解决方案 > 如何使用 AJAX 为 DataTable 传递数据

问题描述

我正在尝试下载 HTML 表格,其中包含 Excel 和 pdf 中的数据,并带有分页和许多其他功能,jquery Datatable我正在使用DataTable但是在Datatbale其显示Invalid JSON response中传递数据时。那么如何以 JSON 格式传递数据。我正在使用JSON.stringfy(Parameter).

谁能帮我如何传递“数据表”的数据

var params = {
                UserName: $('#txtUserName').val(), UserID: $('#txtUserIDEdit').val(),
                Status: $('input[name="Status"]:checked').val()
            };

AJAX的成功

$('#test').DataTable({
                    "bProcessing": true,
                    "pageLength": 10,
                    "serverSide": true,
                    "searching": true,
                    "order": [],
                    'serverMethod': 'post',
                    dom: 'Bfrtip',
                    "ajax": {
                        "url": "MobileUser_Login.aspx/Get_Data",
                        "dataType": "json",
                        "type": "POST",
                        "data": function (params) {
                            return JSON.stringify(params);
                        }
                    },
                    buttons: ['csv', 'excel', 'pdf', 'pageLength']
                });

WEB方法返回样本数据

在此处输入图像描述

在控制台窗口上

在此处输入图像描述

该函数不返回任何值

谁能帮助我为什么 Datatable 函数没有返回任何值我传递了正确的 URL,正确的类型,即POST我在哪里做错了请帮助我

在此处输入图像描述

标签: jqueryajaxdatatables

解决方案


我不知道您的后端返回的是什么,但它只能是以下两个之一:

正确的应用程序/JSON 返回,那么您根本不需要更改返回的对象,或者它以纯文本/文本形式返回 JSON,那么您必须使用 JSON.parse() 而不是 JSON.stringify()


推荐阅读