Frissíteni akarok táblát MVC-ben ajax használatával. Adatokat már beszúrtam az adatbázisba ajax segítségével. Csak frissíteni szeretném a táblázatot, miután beszúrtam egy új sort.
PS. Próbáltam keresni, de semmi sem segített, még mindig tanácstalan vagyok.
Here is my code:
Main page View:
<div id="theTable">
@Html.Partial("_IPTable")
</div>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/Admin.js"></script>"`
Partial page View:
<table id="table">`
<tr>
<th>ID</th>
<th>Line</th>
<th>Supplier</th>
</tr>
@foreach (var item in ViewBag.IPTable)`
{
<tr>
<td>
@item.ID
</td>
<td>
@item.Line
</td>
<td>
@item.Supplier
</td>
</tr>
}
</table>enter code here
Controller view:
public ActionResult Admin()
{
// get data from database
return View();
}
public ActionResult _IPTable()
{
return PartialView();
}
Ajax kód az új rekord beszúrásához:
<script>
$(document).ready(function () {
//function will be called on button click having id btnsave
$("#btnSave").click(function () {
$.ajax(
{
type: "POST", //HTTP POST Method
url: "AdminInsert", // Controller/View
data: { //Passing data
//Reading text box values using Jquery
Line: $("#txtLine").val(),
Supplier: $("#txtSupplier").val()
}
});
});
}); </script>