使用 Javascript 变量作为参数调用局部视图

Question

I am trying to use a javascript variable as a parameter to a partial view call.

I have a function like this:

function myFunction(divElement, name){

    divElement.append(`@Html.Partial("~/Views/Partials/_First.cshtml", name )`)
}

But this throws an error saying that the variable "name" does not exist in the current context.

Any ideas how I can achieve this?

Answer 1

You can try to use ajax to return a partial view with js variable:

js:

function myFunction(divElement, name){
     $.ajax({
                type: "POST",
                url: "/Partials/First",
                data: { "name": name },
                success: function (data) {
    
                    divElement.append(data);
                    
                }
            });
    
}

Controller:

public class PartialsController : Controller
    {
        public IActionResult First(string name)
        {
            return PartialView("_First",name);
        }
    }