js를 사용하여 웹 사이트 레이아웃 (머리글, 바닥 글)을로드하는 방법

Question

나는 자바 스크립트에서 초보자입니다. ajax를 사용하여 웹 사이트 기본 템플릿 파일 (머리글, 바닥 글, 세로 막대)을로드하려고합니다. 내 레이아웃 파일은 아래와 같습니다. layout.php

<?php 
    $app = new App; 
    $ret = $app->header(); 
    $ret .= $app->sidebar(); 
    $ret .= $app->footer(); 
    echo json_encode($ret); 
?> 

는 지금은 아약스를 사용하여 내 레이아웃 파일을로드 할 수 있습니다. 처음에는 div가 없기 때문입니다. 어떻게로드 할 수 있습니다. 내 js 파일은 아래와 같습니다.

$.ajax({ 
    url: 'layout.php', 
    dataType: 'json', 
}).done(function(resp){ 
    //here is problem 
    //as initially no div is present 
    //how can I load it with jquery 
}); 

Answer 1

이렇게 할 수 있습니다. 쿼리의 비동기를 잊지 마십시오. 따라서 귀하의 코드는 :

$.ajax({ 
    url: 'layout.php', 
    dataType: 'json', 
}).done(function(resp){ 
    $('#content').html(resp.layout); 
}); 

<?php 
    $app = new App; 
    $ret = $app->header(); 
    $ret .= $app->sidebar(); 
    $ret .= $app->footer(); 
    echo json_encode({layout: $ret}); 
?>