Onload页面加载外部页面

Question

当人们选中或取消选中某个复选框时，我使用此AJAX脚本将外部页面(mpt_planningen_overzicht.php)加载到主页面(mainpage.php)的div中。

但我也希望在打开mainpage.php时从div中的外部页面加载数据。

我该怎么做呢？

脚本：

<script type="text/javascript">
$(document).ready(function(){   
$('input[type="checkbox"]').on('click', function(){
         var formData = $(":input,:hidden").serialize();

    $.ajax({
        type: "POST",
        url: "mpt_planningen_overzicht.update.php",
        data: formData,
    success: function(result){ /* GET THE TO BE RETURNED DATA */
      $("#resultaat").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */            

    }

    });
});
});
</script>

我是这样想的：

function onLoadSubmit() {
    document.nameofForm.submit();
}

但是检查选择框是否被选中/取消选中的Ajax脚本已经在mainpage.php上，所以当我添加上面的脚本时，它将继续重新加载。

Answer 1

如果我没理解错的话，你可以尝试这样做：

<script type="text/javascript">

//separationg the function that loads the page in order to use it multiple times
var loadSepratePage = function(){ 
    var formData = $(":input,:hidden").serialize();

    $.ajax({
        type: "POST",
        url: "mpt_planningen_overzicht.update.php",
        data: formData,
        success: function(result){ /* GET THE TO BE RETURNED DATA */
          $("#resultaat").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */            
        }

    });
}

$(document).ready(function(){   
    $('input[type="checkbox"]').on('click', loadSepratePage); // without paranthesis () to pass the function as a parameter

    loadSepratePage() // with paranthesis () to actually call the function

});
</script>

如果这不是你想说的，请留下评论