Javascript 使用jquery加载一个php模板并放置一个div
我有一个名为game.php的模板: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"&
<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>