Простой способ использования AJAX для загрузки внешнего PHP в Wordpress div

Question

Я пытаюсь загрузить полный PHP-файл, который включает в себя его собственные таблицы стилей и скрипты (html/php, html5 video player = jplayer) в div, ve размещен в шаблоне Wordpress.

Я видел несколько примеров того, как некоторые из них загружали элементы в теги div со страницы Wordpress, но по какой-то причине они не работали для меня.

До сих пор я пытался: Need some help with jQuery AJAX request loading a PHP document into a DIV Container и How To Load A PHP Script Using AJAX?

Но ни привели во внешнем файле PHP на самом деле отображать в DIV, когда шаблон Wordpress загружается в браузере.

страница Я пытаюсь загрузить находится в корне Wordpress, в его собственном каталоге, где находится он включен необходимый CSS и JS файлы (напр. http://mylocaltest.com/localWordpressRoot/vizPlayer/fileToBeLoaded.php)

Вот сценарий, я загрузка в пределах div на странице шаблона Wordpress:

<?php 
/* 
    * template name: Global Headlines 
    */ 
global $isBlog; 
$isBlog = true; 
get_template_part('page', 'config'); 
get_header(); ?> 


<div id="vizPlayer" style="left:0;top:75px;width:50%; height:90%; margin:0; padding:0; background:#000; position:fixed; z-index:51"> 
    <script type="text/javascript"> 
function loadContent(id) { 

    $.ajax({ 
     type: "GET", 
     url: "/vizPlayer/fileToBeLoaded.php", 
     dataType: 'html', 
     data: {param: id}, 

     success: function(html){ 
        $("#vizPlayer").html(html); 
     }, 

     error: function(){ 
      }, 

     complete: function(){ 
     } 
    }); 

}      
     </script> 

</div> 

Любые советы были бы очень оценены. Заранее спасибо!

Answer 1

Если вы используете абсолютный URL в вашем JavaScript, что URL является относительно корня веб-сервера, так:

url: "/vizPlayer/fileToBeLoaded.php" 

загрузит:

http://mylocaltest.com/vizPlayer/fileToBeLoaded.php 

вместо:

http://mylocaltest.com/localWordpressRoot/vizPlayer/fileToBeLoaded.php 

Вы должны добавить свой локальный корень WordPress в путь.

Answer 2

С тех пор я решил использовать тег Object (ниже пример), но мне все еще интересно использовать методы AJAX выше!

<div id="movieContainer" style="left:0;top:75px;width:50%; height:90%; margin:0; padding:0; background:#000; position:fixed; z-index:51"> 
<object width="100%" height="100%" id="videoTut" name="videoTut" type="text/html" data="http://localtestserver.com/localTesting/vizicast/index.php"> 
</object> 
</div>