jquery 提交表单时刷新div失败

kd3sttzy  于 2023-02-15  发布在  jQuery
关注(0)|答案(1)|浏览(118)

我尝试在提交表单时刷新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后,发送一个提交...

6yjfywim

6yjfywim1#

因为它是一个表单提交而不是创建对象,所以序列化表单并将其传递到服务器。另外,使用浏览器调试器工具再次确认检查'@Url.Action(“Pagination”,“Home”)'的转换是否正确,并确保路由在服务器端正确实现

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // prevent the form from submitting normally
    $.ajax({
      type: 'POST',
      url: '/my/url',
      data: $('#myForm').serialize(),
      success: function(response) {
        $('#myDiv').html(response); // update the content of the div with the response
      }
    });
  });
});

相关问题