使用MVC自定义路由时Ajax调用停止工作

如何解决使用MVC自定义路由时Ajax调用停止工作

我已经为用户友好的URL定义了自定义路由。

但是无法使用ajax或使用Ajax.BeginForm()调用默认路由。在删除自定义路由时，所有路由都可以正常工作。

这是我的RouteConfig.cs

 //product view route
            routes.MapRoute(
                name: "ProductView",url: "product/{product_name}/{id}",new { controller = "Product",action = "View",product_name = UrlParameter.Optional,id = UrlParameter.Optional },new[] { "NoveltyApp.Controllers" }
            );

            routes.MapRoute(
                name: "Default",url: "{controller}/{action}/{id}",defaults: new { controller = "Home",action = "Index",new[] { "NoveltyApp.Controllers" }
            );

产品视图URL：http：// localhost：56379 / product / Camlin-Kokuyo-Acrylic-Color-Box --- 9ml-Tubes-1 / 1

ProductController.cs

 public string ProductReviews()
 {
    return "Product review list";
 }

从“产品”视图调用Ajax

<button type="button" class="btn btn-thm nf-pr-vi__btn" onclick="reviews()">Reviews</button>

<script>
function reviews() {
        $.ajax({
            url: '/Product/ProductReviews',type: 'GET',success: function (data) {
                alert(data);
            }
        });
    }
</script>

但是在单击按钮时，控制器操作没有被击中。请帮我解决问题。