gpt4 book ai didi

c# - C# WebMethod 的 Json 输出不影响 JQuery 的数据表

转载 作者:太空宇宙 更新时间:2023-11-03 23:43:44 24 4
gpt4 key购买 nike

我已经被这个问题困扰了一段时间,每次都会遇到不同的错误或某种无法帮助我实现目标的问题。

我正在使用 jQuery 的表格插件,我似乎无法从我的 ASP.NET WebMethod 获得适合表格数据的正确 Json 响应。我的表的状态停留在“加载中..”并且似乎没有发生任何事情,即使我确实从我的 WebMethod 收到了正确的 Json 响应。它似乎并没有影响我的数据表,或者只是由于某些问题在初始化期间卡住了它。

我的代码:

客户端:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="DataTables-1.10.4/media/css/jquery.dataTables.css" />
<link rel="stylesheet" href="DataTables-1.10.4/extensions/Scroller/css/dataTables.scroller.css" />
</head>
<body>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>first name</th>
<th>last name</th>
<th>position</th>
<th>office</th>
<th>start_date</th>
<th>salary</th>
</tr>
</thead>

<tfoot>
<tr>
<th>first name</th>
<th>last name</th>
<th>position</th>
<th>office</th>
<th>start_date</th>
<th>salary</th>
</tr>
</tfoot>
</table>
<script src="jquery-1.11.1.min.js"></script>
<script src="DataTables-1.10.4/media/js/jquery.dataTables.min.js"></script>
<script src="DataTables-1.10.4\extensions\Scroller\js\dataTables.scroller.js"></script>
<script>
$('#example').dataTable({
//"ajax": "ajaxtest.txt",
"ajax": {
"url": "WebService.asmx/GetTable",
"type": "POST"
},
"deferRender": true
});
</script>
</body>
</html>

我的 WebService.asmx:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Serialization;
using System.Web.Script.Services;

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

public class WebService : System.Web.Services.WebService {

public WebService () {
}

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public void GetTable() {
JavaScriptSerializer js = new JavaScriptSerializer();
string response = js.Serialize(Person.GetPersons());

Context.Response.Clear();
Context.Response.ContentType = "application/json";
Context.Response.AddHeader("content-length", response.Length.ToString());
Context.Response.Flush();

Context.Response.Write(response);
}
}

我的 Json 响应(有效):

[{"first_name":"Thomas","last_name":"Vincunas","position":"Manager","office":"066843-4120","start_date":"12/12/1995","salary":"$124,081"},{"first_name":"David","last_name":"Naidich","position":"Worker","office":"052-343-4120","start_date":"12/11/1990","salary":"$124,081"},{"first_name":"Barak","last_name":"Obama","position":"Co-Manager","office":"1505465460","start_date":"13/04/1985","salary":"$124,081"},{"first_name":"Vincent","last_name":"Gambino","position":"Unemployed","office":"5313","start_date":"12/01/1980","salary":"$124,081"}]

如上所述,页面加载成功后什么也不会发生。该表仅显示标题和“正在加载...”文本,仅此而已。我现在有点迷路了,现在几乎什么都试过了。

有什么想法吗?

最佳答案

您的 JSON 与 the documentation 的格式不匹配指定它需要。

{
"data": [
[
"Tiger Nixon",
"System Architect",
"Edinburgh",
"5421",
"2011/04/25",
"$320,800"
],
[
"Garrett Winters",
"Accountant",
"Tokyo",
"8422",
"2011/07/25",
"$170,750"
],
[
"Ashton Cox",
"Junior Technical Author",
"San Francisco",
"1562",
"2009/01/12",
"$86,000"
]
]
}

该示例显示了具有 data 根对象的 JSON,每一行都是它自己的数组。或者有一个 alternate format与对象,但它仍然需要一个 root 对象。修改您要返回的 JSON 以匹配其中一种预期格式。

顺便说一句,您正在使用 WebMethod,它是 no longer supported .你应该切换到 ASP.NET Web API .

关于c# - C# WebMethod 的 Json 输出不影响 JQuery 的数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28176136/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com