我尝试在提交表单时刷新div,但出现404错误
404(未找到)请求的页面无法找到(未找到)
这是我的表格:
<form action="~/Home/Pagination" method="post" id="ajax_submit_siguiente">
<button class="siguiente-imagen @ViewData["btnSiguiente"]" id="btnSiguientePaginacion" value="@item.getNumeroEntrega()" type="submit">
Siguiente
</button>
</form>
这是我的js:
$(document).ready(function () {
$("#ajax_submit_siguiente").submit(function (e) {
// prevent regular form submit
e.preventDefault();
var data = {
'paginacion': 'siguiente',
'entrega': $("#btnSiguientePaginacion").val()
}
$.ajax({
url: '@Url.Action("Pagination","Home")',
type: 'POST',
data: data,
success: function (result) {
console.log(result);
// refresh
$(" #container-galeria-imagenes").load(window.location.href + " #container-galeria-imagenes ");
},
error: function (err) {
console.log(err);
}
});
})
});
这是我的JsonResult ...
[HttpPost]
public async Task<JsonResult> Pagination(string paginacion, string entrega)
{
List<PedidoViewModel> list;
// Working code....
return Json(list);
}
我是非常新的ajax,我读了文档,就像这样如何刷新一个div后,发送一个提交...
1条答案
按热度按时间6yjfywim1#
因为它是一个表单提交而不是创建对象,所以序列化表单并将其传递到服务器。另外,使用浏览器调试器工具再次确认检查'@Url.Action(“Pagination”,“Home”)'的转换是否正确,并确保路由在服务器端正确实现