親ページで子の ajax 結果を取得できませんでした。子のコンポーネントが親ページに表示されません。子の準備完了関数がトリガーされていないと思います。理由がわかりません。助けていただければ幸いです。 . 呼び出しの例:
//parent page contains this function
$(document).ready(function()
{
$('#a').click(function()
{
$.ajax({
type: "GET",
url : "child_ajax.php",
data:{},
success : function(result){
window.setTimeout(function(){
$('#result_div').html(result);
}, 100);
}
});
});
});
<div id="result_div"></div>
<div id="a">click</div>
//child_ajax.php
$(document).ready(function()
{
alert('welcome');
$.ajax({
type: "GET",
url : "child2_ajax.php",
data:{},
success : function(result){
window.setTimeout(function(){
$('#result_div_child').html(result);
}, 100);
}
});
});
<div id="result_div_child"><div>