【问题标题】:How to Refresh a page in JavaScript and redirect to controller's Action method with parameters如何在 JavaScript 中刷新页面并使用参数重定向到控制器的 Action 方法
【发布时间】:2021-08-01 10:49:03
【问题描述】:

我一直在尝试在 JavaScript 中使用参数将页面重新加载到特定控制器的操作方法,但出现错误。

我的输出在我使用时有效

function fnReload(){
    window.location.reload(true);
}

但我想用 PARAM 的值重定向到控制器的操作方法,我正在尝试这个

 function fnReload(){
    // Gives me the value in a function
    var supId = data.supplierId;
    //redirects the page so the I can see the updated the data
    window.location.reload= '@Url.Action("GetSupplier", "Supplier", new { supplierId = supId })';
}

但它也对我不起作用,因为它给了我错误,并且在服务器端应用断点时它不会去那里。

有人可以指导我如何重新加载页面并重定向到控制器的操作方法。

提前致谢。

【问题讨论】:

  • trying in JavaScript to reload a page to particular controller's action method with a parameter but getting error 有什么错误?可以分享一下你的action方法的相关代码吗?
  • 好吧@FeiHan 没有错误。唯一的问题是整个应用程序路由在 JavaScript 中工作。我唯一的解决方案是 window.location.reload 但它会将我重定向到主页但我想在添加/更新记录的页面上。
  • 你试过window.location.href = '/Supplier/GetSupplier?supplierId=' + supId;重定向到新页面吗?
  • 好吧,我已经尝试了以下 window.location.href = '/Supplier/GetSupplier?supplierId=' + supId window.location.reload = '/Supplier/GetSupplier?supplierId=' + supId 和两者其中没有重新加载页面。
  • 你确定fnReload函数被执行了吗?此外,您可以检查浏览器是否确实有助于在网络选项卡中向GetSupplier 端点发出另一个请求,以及实际响应状态是什么。

标签: javascript jquery asp.net-mvc asp.net-core client-side-scripting


【解决方案1】:

您可以为此使用 AJAX 调用

// AJAX call
$.ajax({
    url: "GetSupplier",
    type: "get",
    data: { 
        supplierId: supId,
    },
    success: function(result) {
        result = JSON.parse(JSON.stringify(result));
        console.log(result);
        window.location = "/GetSupplier";
    },
    error: function(result) {
        result = JSON.parse(JSON.stringify(result));
        console.log(result);
    }
});

【讨论】:

  • 感谢您的回复。问题是重新加载之类的东西很重要,只是 bcoz 整个 Web 应用程序的制作方式不会发生刷新。我无法看到更新的记录。调用 AJAX 对我没有帮助,因为记录已添加到数据库中,并且我可以看到所有计数,但输入供应商名称并没有出现,因为我需要 window.location.reload 但它会将我带到主页。但我想在 windows.location.reload 之后与供应商 ID 保持在同一页面上
猜你喜欢
  • 1970-01-01
  • 2023-03-22
  • 2020-03-15
  • 1970-01-01
  • 2021-08-01
  • 1970-01-01
  • 2019-10-25
  • 1970-01-01
  • 2019-07-01
相关资源
最近更新 更多