以前的所有建议都无法将我的部分视图加载到 <div> 在按钮上单击

Question

All suggestions on this site regarding loading a Partial View in a div on a button click fail for me. They either do nothing or return an error. @Html.Action works within a div but no JavaScript/JQuery/Ajax solution works when a button is clicked

@Html.Action works within the div but not with javascript @Url.Action doesn't work. Often gives an error that the string isn't properly terminated @Url.Content is no better than @Url.Action $("#divname").load() returns an error that the object doesn't support "load"

Button:

<a onclick="Rabbit01()" href="#">Try This</a>

JavaScript 1:

function Rabbit01() {
    var wannabe = document.getElementById("whollyinsane");
    var url = '@Url.Action("QuestionLists")';
    var key = 1;
    wannabe.load(url, { id: key }); 
} 

JavaScript 2:

function Rabbit01() {
     var url = '@Url.Action("QuestionLists")';
     var key = 1;
     $("#wannabe").load(url, { id: key }); // returns error regarding "load"
}

I expect the controller to respond to the @Url.Action (this works if I put @Html.Action in a di>) and for the resulting partial view to load in the "wannabe" div when the "Try This" button is clicked.

Answer 1

        function Rabbit01() {
            $("#divId").load('@(Url.Action("PartialViewLoadMethod","PartialViewControler"))', function(){});
        }