Tenho um index.php que faz um post em conteudo.php, e pega o resultado e escreve na div #conteudo dentro de index.php.
Post:
<script type="text/javascript">
$(this).on('load',function(){
var dadosLink = 'nada';
$.ajax({
url:'conteudo.php',
method: 'POST',
data:{ dados:dadosLink},
success: function(data)
{
$("#conteudo").html(data);
},
error: function(data)
{
$("#conteudo").html(data);
}
});
});
</script>
no conteudo. php, tenho:
<?php require_once('Connections/Gymo.php');
$aba = $_POST['dados'];
if ($aba == "nada") {
echo "
<IFRAME name=Destaques frameBorder=0 style=\"overflow: scroll; height: 100vh; width: 100vw;\" scrolling=auto src=\"inicio.php?dados=".$aba."&mercado=".$mercado."&email=".$email."\">
<div align=\"center\"></div>
</IFRAME>
";
?>
dentro do iframe inicio.php, tenho:
<div class = "conteudo" id = "conteudo"> Quero replicar esta div para index.php com o mesmo id </div>
Minha questão: Como fazer para que o conteudo desta div contida no iFrame seja passada para a div #conteudo contida no index.php, substituindo os valores dela, seja eles quais forem?
Esta ação teria que acontecer ao ativar a função ajax do iframe: "$(this).on('load',function()..."