Попытка создать таблицу с использованием jquery и ajax, но у меня возникли проблемы с ее настройкой, чтобы она выглядела так, как показано ниже.Основная проблема, которую я, похоже, испытываю, заключается в получении возврата от моего контроллера, чтобы перейти к моему представлению, где должна быть создана таблица.Я не совсем уверен, как передать данные через контроллер на страницу просмотра, а затем манипулировать ими, чтобы сформировать таблицу.Мой JSON выглядит следующим образом: [
{
"category": 1,
"speedCategory": "0-3km/h",
"year": 2015,
"count": 17008
},
{
"category": 2,
"speedCategory": "3-6km/h",
"year": 2015,
"count": 4,694
},
{
"category": 1,
"speedCategory": "0-3km/h",
"year": 2016,
"count": 12546
},
{
"category": 2,
"speedCategory": "3-6km/h",
"year": 2016,
"count": 500
} И т.д.
А вот контроллер, который я использую, чтобы попытаться вернуть информацию: `
public class SpeedWebAPIController : ApiController
{
private SpeedEntities db = new SpeedEntities();
[HttpGet]
public object GetSpeedWebAPI()
{
var speedCodes = (
from ec in db.speedCodes
join e in db.Speed
on ec.speedTimeCode equals e.speedTimeCode
select new
{
ec.category,
ec.speedCategory,
e.year
})
.GroupBy(p => new
{
p.category,
p.speedCategory,
year = p.Year
})
.Select(p => new
{
p.Key.category,
p.Key.speedCategory,
p.Key.year,
Count = p.Count()
})
.OrderBy(p => p.year)
.ThenBy(p => p.category)
.ToList();
return speedCodes;
}`
И я пытаюсь получитьэто добавить в мою таблицу здесь с использованием jquery внизу страницы: `
<div class="row">
<div class="col-4" id="table">
</div>
<script>
//Not sure how to pass in controller return and then create a jquery table
//with this
</script>`
Вывод таблицы должен выглядеть следующим образом:
+--------------+-------------+
| Speed | Count |
+--------------+-------------+
| 2015 |
+--------------+-------------+
| 0 to 3km/h | 17,008 |
+--------------+-------------+
| 3km/h to 6km | 4,694 |
+--------------+-------------+
| 6km/h to 10km| 4,895 |
+--------------+-------------+
| 2016 |
+--------------+-------------+
| 0 to 3km/h | 12,546 |
+--------------+-------------+
Etc .. Итакон имеет общие заголовки таблиц «Скорость и количество», а затем подзаголовки лет.