单击链接时，当前页面 url 也将添加到即将到来的重定向页面

Question

我试图在单击链接时重定向到新页面，但它会重定向到新页面，它还会在地址栏中添加上一页 URL。请看看我的代码。如何删除即将到来的页面或下一页上的当前页面 url。

这是我的 HTML。

@{
    ViewData["Title"] = "ProductList";
}
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<h2>Product List</h2>
<div  id="im" >

</div>

这是我的脚本。

  <script>
        $(document).ready(function () {
            var loc = window.location.href;
            var dat = loc.substring(loc.lastIndexOf('/') + 1);
            $.ajax({
                url:'api-url'
                type: "POST",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                data: JSON.stringify({ "ProjectId": "1", "CategoryId": dat }),
                success: function (data)
                {
                    console.log(data);
                    $.each(data.ProductList, function () {
                        var list = "<a href='Product/ProductDetail/" + this.Id + "'><img src=" + this.ImageLink + " height=400 width=400> " + this.Name + "</a>&nbsp; &nbsp; $" + this.Price + " </img> ";
                        $("#im").append(list);
                    })
                }
            });
        });
    </script>

在重定向时，下一页 url 变成这样。

http://localhost:36547/Product/ProductList/Product/ProductDetail/102

应该是这样的

http://localhost:36547/Product/ProductDetail/102

Answer 1

您需要在产品 url 之前添加斜杠 / 以从域根路由

var list = "<a href='/Product/ProductDetail/" + this.Id + "'><img src=" + this.ImageLink + " height=400 width=400> " + this.Name + "</a>&nbsp; &nbsp; $" + this.Price + " </img> ";
$("#im").append(list);

没有它，浏览器 URL 将相对于当前路径