将一个php文件(html w / php)的内容附加到div

时间:2012-05-03 19:57:08

标签: javascript jquery ajax

如何将php文件的内容(混合使用html和php)附加到现有的div中?

我定义了这个div,它加载了三个不同的php文件。但这非常慢,因为每个php都会检索许多带有http的项目。我希望有第一个php <?php require("readenglish.php"); ?>然后异步加载其他的PHP <div id="readings"> <?php require("readenglish.php"); ?> <!-- ?php require("readfrench.php"); ? --> <!-- EDITED OUT DON'T WANT THIS --> <!-- ?php require("readspanish.php"); ? --> <!-- --> </div> 。我尝试了$ .get(),但是没有加载php内容。

这是div。

<!--  EDIT  WANT THIS INSTEAD OF WHAT IS COMMENTED OUT ABOVE -->
<script>
    $(document).ready(function(){    
    $.get("readfrench.php",function(data){
        $("#readings").append(data);
    },'html');

    $.get("readspanish.php",function(data){
        $("#readings").append(data);
    },'html');    
    });

</script>

这是加载php文件的脚本。

<?php 

    $todayfeast = date("Ymd");

    $ctitlefe = 'http://feed.evangelizo.org/reader.php?date='.$todayfeast.'&type=reading_lt&lang=AM&content=FR';
    $creadfe = 'http://feed.evangelizo.org/reader.php?date='.$todayfeast.'&type=reading&lang=AM&content=FR';

    if ( $curl_exists ) {
        curl_setopt($ch, CURLOPT_URL, $ctitlefe);        
        $titlefe = curl_exec($ch);

        curl_setopt($ch, CURLOPT_URL, $creadfe);      
        $readfe = curl_exec($ch);
    }

?>
    <div id="readf" class="tabbertab">
        <h2>First Reading</h2>

        <div id='titlefe' class='rtitle'>
        <?php echo $titlefe; ?>
        </div>
        <div id='readfe' class='rtext'>
        <?php echo $readfe; ?>
        </div>

    </div>

这是一个示例php文件。

{{1}}

php文件将检索到的内容加载到传递给html元素的变量中。这些元素必须附加到顶部显示的div。

有没有不同的方式来调用$ .get()?有没有不同的方法来做到这一点?

2 个答案:

答案 0 :(得分:0)

你的JScript工作正常。我唯一想不出的是PHP代码。它是否使用您的代码输出正确的文档?这是我试过的代码。它正在发挥作用。

PHP

<?php 

    $todayfeast = date("Ymd");

    $ctitlefe = 'http://feed.evangelizo.org/reader.php?date='.$todayfeast.'&type=reading_lt&lang=AM&content=FR';
    $creadfe = 'http://feed.evangelizo.org/reader.php?date='.$todayfeast.'&type=reading&lang=AM&content=FR';



    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$ctitlefe);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
    $titlefe= curl_exec($ch);
    curl_close($ch);

    $ch = curl_init();
    curl_setopt($ch,CURLOPT_URL,$creadfe);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
    $readfe= curl_exec($ch);
    curl_close($ch);    


?>
    <div id="readf" class="tabbertab">
        <h2>First Reading</h2>

        <div id='titlefe' class='rtitle'>
        <?php echo $titlefe; ?>
        </div>
        <div id='readfe' class='rtext'>
        <?php echo $readfe; ?>
        </div>

    </div>

答案 1 :(得分:0)

代码确实有效。似乎tabber插件无法添加到jscript中,它必须最初在页面上。如果它是在javascript中添加的,则不会绘制元素。