ASP.NET Обновление списка с помощью JQuery AJAX

Question

Я отображающий список на странице Default.aspx, который содержит объекты (лицо) извлекается из базы данных:

[WebMethod] 
[ScriptMethod(UseHttpGet = false)] 
public static void getPersonList() 
{ 
    DatabankService dbs = new DatabankService(); 
    persons = dbs.getPersons()); 
    // fillTable(persons) is not possible here (not possible in static method). 
    // fillTable code also cannot be place here because it uses UI Elements from default.aspx to create the table (same problem as above). 
} 

метода, чтобы заполнить таблицу:

public void fillTable(List<Person> persons) 
{ 
    // make colums and rows and will with data (foreach person in..) 
} 

Каждые 10 секунд этот метод должен вызываться снова без перезагрузки страницы, так что список обновляется:

$(function() { 
    setInterval(function() { 
     getData(); 
    }, 10000); 
}); 

function getData() { 
    $.ajax({ 
     type: "POST", 
     async: true, 
     url: "Default.aspx/getPersonList", 
     dataType: "json", 
     contentType: "application/json; charset=utf-8", 
     error: function (jqXHR, textStatus, errorThrown) { 
      // error 
     }, 
     success: function (data) { 
      // success 
     } 
    }); 
} 

Проблема в том, что я не могу вызывать функцию fillTable из статического [WebMethod] getPersonList(). Как я могу сделать эту работу?

Answer 1

Я, наконец, нашел хорошее решение. Поскольку, похоже, невозможно запустить метод fillTable() (не статический) внутри статического метода [WebMethod] getPersonList(), я не смог обновить содержимое, используя Code-Behind, где мне нужен доступ к элементам пользовательского интерфейса в статическом метод. То, что я сделал это конвертировать человек-лист в формате JSON-объект и отправил его в моей функции успеха JQuery (где необходимые элементы интерфейса для ориентации):

// getPersonList() 
... 
string result = JsonConvert.SerializeObject(persons); 
return result; 

// jQuery success 

success: function (data) { 
    response = JSON.parse(data.d); 

    $.each(response, function (i, item) { 
     // fill table using jQuery 
    }); 
}