Please help me error when bind data to html datatable, i don't know what's wrong in my code, thx before..
Vb Code
ASPX
JavaScript
And show like this :
Image
Vb Code
<pre><System.Web.Services.WebMethod()>PublicSharedFunction GetListPriority()Dim client AsNew HttpClient()Dim Resp = client.GetAsync(New Uri(ConfigurationManager.AppSettings("WS") + "ListPriority"))Dim ds = JsonConvert.DeserializeObject(Of List(Of ListPriority))(Resp.Result.Content.ReadAsStringAsync().Result)Dim details AsNew List(Of ListPriority)()ForEach i In dsDim oListPriority AsNew ListPriority
oListPriority.PriorityCode = i.PriorityCode
oListPriority.bAktif = i.bAktif
oListPriority.InputBy = i.InputBy
oListPriority.InputDate = i.InputDate
details.Add(oListPriority)NextReturn details.ToArrayEndFunctionPublicClass ListPriorityPublicProperty PriorityCode AsStringPublicProperty bAktif AsStringPublicProperty InputBy AsStringPublicProperty InputDate AsStringEndClass
ASPX
<asp:ContentID="Content"ContentPlaceHolderID="MainContent"runat="server"><divid="content-wrapper"><divclass="card mb-3"><divclass="card-header">
/ Master / Priority<divstyle="float: right"><buttontype="button"class="btn btn-info btn-sm"data-toggle="modal"data-target="#myModal">NEW</button></div></div><divclass="card-body"><divclass="table-responsive"><tableclass="table table-bordered"id="dataTable"width="100%"cellspacing="0"><thead><tr><th>Priority Code</th><th>bAktif</th><th>Input By</th><th>Input Date</th></tr></thead><tfoot><tr><th>Priority Code</th><th>bAktif</th><th>Input By</th><th>Input date</th></tr></tfoot><tbody></tbody></table></div></div><divclass="card-footer small text-muted">Updated yesterday at 11:59 PM</div></div></div></asp:Content>
JavaScript
<script src="../vendor/jquery/jquery.min.js"></script><script src="../Scripts/demo/datatables-demo.js"></script><script src="../vendor/datatables/jquery.dataTables.js"></script><script type="text/javascript">
$(document).ready(function() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "Priority.aspx/GetListPriority",
data: "{}",
dataType: "json",
success: function (data) {var trHTML = '';for (var i = 0; i < data.d.length; i++) {
trHTML += '<tr><td>' + data.d[i].PriorityCode + '</td><td>' + data.d[i].bAktif + '</td><td>' + data.d[i].InputBy + '</td><td>' + data.d[i].InputDate + '</td></tr>';
;
};$('#dataTable tbody').append(trHTML)},
error: function(result) {
alert("Error");
}
});
});</script>
And show like this :
Image