如何使用带参数的jquery重定向到另一个页面

Posted 2023-05-09

【中文标题】如何使用带参数的jquery重定向到另一个页面

【英文标题】：How to redirect to another page using jquery with paramether

【发布时间】：2020-07-28 16:16:59

【问题描述】：

我使用引导数据表和 .net mvc 编写索引页面，我希望我的最后一列是重定向按钮以订购详细信息。我使用 ajax/jquery 填充了数据表，并在最后一列中制作了按钮。当我点击它时，什么也没发生，我收到以下错误：标识符在数字文字之后立即开始。

我把我的代码放在下面

    $(document).ready(function ()
        
            $('#ordersList').DataTable(
                "ajax": 
                "type" : "GET" ,
                "url" : "@Url.Action("GetData","OrderManager")" ,
                "datatype" : "json"
                ,
                "columns":
                [
                 "data" : "CreatedAt" ,
                 "data" : "FirstName" ,
                 "data" : "Surname" ,
                 "data" : "Email" ,
                 "data": "OrderStatus" ,
                 "data": "Id" , "render" : function ( data ) 
                    return "<a class= 'btn btn-danger' onclick = Menage(" + data + ")> Menage</a>";
                    
                ]
            );
        );

    function Menage( id ) 
            var url = '@Url.Action("UpdateOrder", "OrderManager", new  id = "__id__" )';
            window.location.href = url.replace('__id__', id);
    

控制器名称为：OrderManagerController 动作是：UpdateOrder

public ActionResult UpdateOrder(string Id)
        
            ViewBag.StatusList = new List<string>() 
                "Order Created",
                "Order Processed",
                "Order Shipped",
                "Order Complete"
            ;
            Order order = orderService.GetOrder(Id);
            return View(order);
        

【问题讨论】：

尝试在您的 onclick 中添加引号 onclick='Menage(" + data + ")'>

始终检查已*渲染*/发送到浏览器的内容，而不是服务器端/Razor 代码。您的 data 可能正在创建一些奇怪的东西 - 显示按钮的呈现 html。

【参考方案1】：

您可以尝试通过在Menage 函数和data 周围添加引号来更新您的Menage 按钮渲染代码，例如：

return "<a class= 'btn btn-danger' onclick='Menage(\"" + data + "\")'> Menage</a>";