Question

当人们选择或取消选中复选框时，我使用此AJAX脚本将extern页面（mpt_planningen_overzicht.php）加载到主页面（mainpage.php）中。

但是我还想在打开mainpage.php时从div中的extern页面加载数据。

我该怎么做？

脚本：

<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>

如果这不是您的意思，请随时发表评论

Onload Page load extern page

1 个答案: