Próbuję stworzyć stronę MVC z połączeniem Ajax. Nie mam problemu z używaniem bezpośredniego jquery, ale kiedy używam @ Ajax.ActionLink, nie otrzymuję wyniku, którego chcę. Oto mój widok:MVC 4 Ajax.Action link won t work
<script type="text/javascript">
function deleteComment(id) {
$.post(
"/Role/AjaxTest",
//{ id: id },
function (data) {
$("#testtarget").html(data);
});
}
</script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<h2>TITLE</h2>
<p>
@Ajax.ActionLink("Ajax Test", "AjaxTest", "Role", new AjaxOptions{UpdateTargetId="testtarget",HttpMethod = "Get" , InsertionMode = InsertionMode.Replace })
</p>
<table>
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.RoleName)
</td>
<td>
<a onclick="deleteComment('@item.RoleId'); return false;" href="#">Delete</a>
@Html.ActionLink("Delete", "Delete", new { id=item.RoleId })
</td>
</tr>
}
</table>
<div id="testtarget">Test Div</div>
i tu jest moje dane Controler:
public string AjaxTest()
{
return "Some random text";
}
Moja Zaproszenie na Jquery działa idealnie i tekst pojawia się w div, ale mój actionlink tylko przekierowuje mnie: localhost/Role/AjaxTest, więc mam tylko wiadomość w przeglądarce banku.
Każdy pomysł, co jest nie tak?
Bardzo dziękuję z góry!
Czy jesteś pewien, że ładowany jest plik 'jquery.unobtrusive-ajax.min.js'? –
Tak, po kliknięciu łącza na stronie internetowej źródło: otwiera. – Tom