Question

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

这是我的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>

在重定向上，下一页的网址就像这样。

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

相反它应该是

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

Answer 1

您需要在产品网址之前添加斜杠/才能从域根

进行路由

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将相对于当前路径

点击链接当前页面网址也会添加到即将到来的重定向页面

1 个答案: