使用jquery和ajax在div中加載頁面

Question

我正在嘗試將內容打開到div上的div中，我無法弄清楚哪里出了問題，任何幫助都非常有用。 謝謝
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將是更好的選擇，請嘗試以下代碼

$('#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
         });
    }
});