在頁面加載時在div中加載內容

Question

我目前有以下內容：

HTML：

<div class="content-class"></div>

jQuery Ajax：

$(document).ready(function() {
    $(document).on("click", ".content-class", function(event) {
        event.preventDefault();
        var post = $(this);
        $.ajax({
            url: 'script.php',
            type: 'POST',
            data: { /* some data */ },
            success: function(data) {
                // load content from php file into .content-class
        });
    });
});

如何更改該函數，以便無需單擊即可將PHP文件中的內容加載到.content-class中（以便在頁面加載時進行加載）？

謝謝。

Answer 1

只需刪除click事件監聽器並立即執行ajax即可：

$(document).ready(function() {
    $.ajax({
        url: 'script.php',
        type: 'POST',
        data: { /* some data */ },
        success: function(data) {
            // load content from php file into .content-class
            $('.content-class').html(data);
    });
});

Answer 2

如PSL所說，只需將ajax調用移到click事件處理程序之外：

$(document).ready(function() {
    $.ajax({
        url: 'script.php',
        type: 'POST',
        data: { /* some data */ },
        success: function(data) {
            // load content from php file into .content-class
    });
});