使用AJAX将外部PHP加载到Wordpress div中的简单方法

我正在尝试将一个完整的PHP文件加载到一个我放在Wordpress模板中的div中，该文件包括它自己的样式表和脚本（html/PHP，html5 video player=jplayer）

我见过一些例子，说明一些人是如何从Wordpress页面将元素加载到div标记中的，但由于某些原因，它们对我不起作用

到目前为止，我已经尝试： 和

但是，当Wordpress模板加载到浏览器中时，两者都没有导致外部php文件实际显示在div中

我试图加载的页面位于Wordpress根目录中，在它自己的目录中，包含了所需的css和js文件（例如）

以下是我在Wordpress模板页面的div中加载的脚本：

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

函数loadContent（id）{
$.ajax({
键入：“获取”，
url:“/vizPlayer/fileToBeLoaded.php”，
数据类型：“html”，
数据：{param:id}，
成功：函数（html）{
$（“#vizPlayer”）.html（html）；
},
错误：函数（）{
},
完成：函数（）{
}
});
}                      

---

任何提示都将不胜感激。提前谢谢

如果在javascript中使用绝对url，则该url与web服务器的根相对，因此：

url: "/vizPlayer/fileToBeLoaded.php"

将加载：

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

而不是：

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

---

您应该将本地WordPress根添加到路径中。

我已经决定使用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>