如何将变量传递给新的js文件功能

Question

使用ASP.NET MVC。当单击我的详细信息按钮时，我需要加载一个新的详细信息页面，或者1.使用项目单击的ID进行ajax调用，或者2.将此信息传递到详细信息页面。不确定如何做到这一点。

我尝试在新函数中执行onclick调用，然后在紧接window.location.href和ajax调用之后执行此操作，但这失败了。加载新页面后，ajax不会运行。

        $.each(carsList, function (index, cars) {
            var rCars = '<div class="col-md-12 card"><div class="card-body">'
            rCars += "<p>"+ cars.Year + " " + cars.Make + " " + cars.Model +"</p>"
            rCars += "<img src=" + cars.Photo + " width='100%' style='float: left;'>" + "<p style='text-align: center;'>" + " BodyStyle: " + cars.BodyStyle +
                " Interior Color: " + cars.IntColor + "$" + cars.SalePrice + "</p>"
            rCars += "<p style='text-align: center;'>" + "Trans: " + cars.Trans + " Mileage: " + cars.Mileage + " MSRP: " + cars.MSRP + "</p>"
            rCars += "<p style='text-align: center;'>" + "Color: " + cars.ExtColor + " #VIN: " + cars.VIN + "<button onclick=window.location.href='Details'>Details</button>"
            rCars += '</div>'
            rCars += '</div>'
            list.append(rCars);
        })

单击该按钮将加载新页面。然后，我需要传递变量cars.VehicleId，以便可以使用此ID在特定车辆上进行ajax调用。