Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery加载一个php模板并放置一个div_Javascript_Php_Jquery_Jquery Ui_Php 5.3 - Fatal编程技术网

Javascript 使用jquery加载一个php模板并放置一个div

Javascript 使用jquery加载一个php模板并放置一个div,javascript,php,jquery,jquery-ui,php-5.3,Javascript,Php,Jquery,Jquery Ui,Php 5.3,我有一个名为game.php的模板: <div id="bonus-pub" class="not-display"> <section id="" class="generique"> <div id=""> content <div id="rtr"></div> <div id="gfgf class="not-display"&

我有一个名为game.php的模板:

<div id="bonus-pub" class="not-display">
    <section id="" class="generique">
        <div id="">
            content
            <div id="rtr"></div>
            <div id="gfgf class="not-display">
                <h2>gfgf</h2>
                <p>dsfdsfds</p>
                <p class="GC_fdfdfd">
                    <a class="dfdf">Close</a>            </p>
            </div>
        </div>
    </section>
</div>

内容

使用ajax可以完全满足您的需求。在game.php中,将所有div数据存储在一个php变量中,并将该变量回显到ajax调用中

game.php

<?php
$ret = '<div id="bonus-pub" class="not-display">
    <section id="" class="generique">
        <div id="">
            content
            <div id="rtr"></div>
            <div id="gfgf class="not-display">
                <h2>gfgf</h2>
                <p>dsfdsfds</p>
                <p class="GC_fdfdfd">
                    <a class="dfdf">Close</a>            </p>
            </div>
        </div>
    </section>
</div>';


echo $ret;
?>

编辑:修复了原生JS和jQuery的混合

您是否尝试过使用此选项而不是使用setAttribute:

<script>
    document.getElementById('bonus-pub').style.display = "block";
</script>

document.getElementById('bonus-pub').style.display=“block”;

我在控制台中得到错误:TypeError:document.getElementById(…)。css不是function@Gigel很抱歉,我混合了JS和jQuery-请尝试我的修改div>bonus pub是从我的generique.php中显示的:(ajax调用在generique.php中?但在game.php中我有多个div,但我只想传递div>bonus,然后我认为最好将这部分代码存储在另一个文件中
game.php

<?php
$ret = '<div id="bonus-pub" class="not-display">
    <section id="" class="generique">
        <div id="">
            content
            <div id="rtr"></div>
            <div id="gfgf class="not-display">
                <h2>gfgf</h2>
                <p>dsfdsfds</p>
                <p class="GC_fdfdfd">
                    <a class="dfdf">Close</a>            </p>
            </div>
        </div>
    </section>
</div>';


echo $ret;
?>
$.ajax({
url:'game.php',
method:'post',
success: function(response)
{
    //you have your div data in this response
}

fail: function(response)
{
 //your ajax request  failed
}
});
<script>
    document.getElementById('bonus-pub').style.display = "block";
</script>