Question

我有一个小应用程序。 CMS的模仿功能，更改文本，段落和图像。

将要修改的页面位于iframe中，我会进行所有修改并保存此新文本和图像，但不是在我＆＃34;单击＆＃34;在提交时显然刷新页面但我必须手动刷新页面以查看这些更改。

我不知道该怎么办才能看到这些变化而不按F5刷新......

这是iframe：

<iframe  id="probando" src="<?php echo $url; ?>"  name="probando"></iframe>

PhP代码：

<?php
$directorioInicial = "./";    //Especifica el directorio a leer
$rep = opendir($directorioInicial);    //Abrimos el directorio
echo "<div class='button' id='mostrar'>Mostrar archivos</div>";
echo "<div id='acordeon' class='propiedadesCaja'>";
echo "<ul>";
while ($todosArchivos = readdir($rep)) {  
    if ($todosArchivos != '..' && $todosArchivos != '.' && $todosArchivos != ''     && strpos($todosArchivos, '.html') && !is_dir($todosArchivos)) {
       echo "<li class='listaPaginas' ><a class='listado' href=" .       $todosArchivos . " target='probando'>" . $todosArchivos . "</a></li>";       
//    . $directorioInicial . "/"
    }
}
closedir($rep);     
clearstatcache();    
echo "</ul>";
echo "</div>";
$url = "";
if (isset($_POST['textarea'])) {
    $url = $_POST['textareaPagina'];
    $salida = $_POST['textarea'];
    $archivo = fopen($url, "w+");
    fwrite($archivo, $salida);

    fclose($archivo);
    clearstatcache();
}
  ?>

我如何刷新页面？用php，JavaScript ......？

JQuery代码：

 $("#probando").contents().find("p,h1,h2,h3,h4,h5,h6,span,ul,li,a").on("click", function (e) {
                            swal({
                                title: "Nuevo texto",
                                text: "Escribe el texto deseado:",
                                type: "input",
                                showCancelButton: true,
                                closeOnConfirm: false,
                                animation: "slide-from-top",
                                inputPlaceholder: "Nuevo texto"},
                            function (inputValue) {
                                if (inputValue === false)
                                    return false;
                                if (inputValue === "") {
                                    swal.showInputError("¡No has escrito nada!");
                                    return false
                                }
                                swal("¡Muy bien!", "Nuevo texto: " + inputValue, "success");
                                $(e.target).text(inputValue);
                                var contenido = $("#probando").contents().find('html').prop('outerHTML');
                                $("#contenido").text(contenido);
                            });


                        });

Answer 1

尝试：

document.getElementById('probando').contentWindow.location.reload(true);

在您希望重新加载iFrame时调用此方法。

刷新修改后的iframe

1 个答案: