Loading a page in div using jquery and ajax

Question

I am trying to open content into a div on click, I can't figure out where I am going wrong any help is much appriciate. Thank you
Html:

    <li><a id="hrefid" href="#link">Link</a></li> 

<div id="content"> </div>

Jquery:

$('#hrefid').on('click', function (e) {
    var load = $(e.target).attr("href");
    if(load == "#link") {
        $.ajax({
            type: 'post',
            url: "/page/test/272.html",
            complete: function (event) {
                $("#content").contents().remove();
                $("#content").append(event.responseText);
            }
        });
    }
    });

Answer 1

据我所知，您打算执行的操作是GET操作，因此不要type: 'post'而是type: 'get'

Answer 2

jquery load will be much better option, try the following code

$('#hrefid').on('click', function (e) {
    var load = $(e.target).attr("href");
    if(load == "#link") {
        $( "#content" ).load( "/page/test/272.html", function() {
             //anything after load is complete
         });
    }
});