ASP.NET Web Forms 프로젝트의 데이터 테이블에서 Ajax 호출을 사용하는 방법

나는 일하고 있어요 ASP.NET Web Forms응용 프로그램입니다. Visual Studio 2012표준 템플릿 사용 . DataTable 1.10서버에 대한 Ajax 호출과 함께 사용하고 싶습니다 . 사용 datatables하는 데 전혀 문제가 있기 때문에 처음부터 시작하여 txt 파일에서 읽는 것과 같은 간단한 예제를 사용할 때 제대로 작동하는지 확인할 수 있습니다. 그러나 이제 공식 사이트의 예제에 따라 메서드에 대한 실제 Ajax 호출을 구현하고 일부 데이터를 반환하고 싶습니다.

Test.aspx이 코드가 있는 페이지 가 있습니다.

<script type="text/javascript">
    $(document).ready(function () {
        $('#example').dataTable({
            "processing": true,
            "serverSide": true,
            "ajax": "/Table.aspx/TestAjax"
        });
    });

그리고 매우 간단한 HTML :

<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
        </tr>
    </thead>

    <tfoot>
        <tr>
            <th>Name</th>
        </tr>
    </tfoot>
</table>

이 모든 것은 예제에서 가져 왔으며 단순화를 위해 열 수를 최소화했습니다.

예제에서 내 방법에 대해 다음 코드를 사용했습니다.

    [WebMethod]
    public static string TestAjax(string sEcho)
    {
        var list = new FormatedList();

        list.sEcho = sEcho;
        list.iTotalRecords = 1;
        list.iTotalDisplayRecords = 1;

        var item = new List<string>();
        item.Add("Gecko");
        list.aaData = new List<List<string>>();
        list.aaData.Add(item);

        return list.ToString();
    }

FormatedList다음과 같이 정의 된 클래스는 어디에 있습니까?

public class FormatedList
{
    public FormatedList()
    {
    }
    public string sEcho { get; set; }
    public int iTotalRecords { get; set; }
    public int iTotalDisplayRecords { get; set; }
    public List<List<string>> aaData { get; set; }
}

따라서 콘솔에서 프로젝트를 실행할 때에 Status 200 OK대한 호출을 볼 수 Test.aspx/TestAjax있지만 유효하지 않은 경우 브라우저에서 오류가 발생합니다 Json. 서버 측 코드의 예에서 메서드의 반환 유형은 실제 클래스 FormatedList였지만 동일한 결과를 제공했습니다. 두 경우 모두 Json브라우저가 오류를 유발하는 실제 값 을 반환하지 않지만 사람들이 이와 같은 접근 방식을 사용하고 있으며 작동하는 것처럼 들리는 예를 볼 수 있습니다.

그렇다면 코드에서 내 오류는 어디에 있으며 (C # 사용) 서버에서 데이터를 반환하는 적절한 방법은 무엇 DataTable입니까?