Javascript PHP，在提交PHP后将源代码动态显示到同一页面中的其他div中_Javascript_Php_Html_Generator_View Source

Javascript PHP，在提交PHP后将源代码动态显示到同一页面中的其他div中

javascript php html

Javascript PHP，在提交PHP后将源代码动态显示到同一页面中的其他div中,javascript,php,html,generator,view-source,Javascript,Php,Html,Generator,View Source,我在这里问你创建“生成器”的最佳方法到目前为止，我做了什么： Php文件，用于检索发布的数据 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>   <li

我在这里问你创建“生成器”的最佳方法

到目前为止，我做了什么： Php文件，用于检索发布的数据

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->

<!-- fotorama.css & fotorama.js. -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script>
  fotoramaDefaults = {
    width: 700,
    maxwidth: '100%',
    ratio: 16/9,
    allowfullscreen: true,
    nav: 'thumbs'

  }
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.2/fotorama.js"></script> <!-- 16 KB -->
</head>
<body>
<?php 
  switch($_POST['amountofimages']){
case '1':
echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '</div>';
break;
case '2':

echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '<img src="' . $_POST['hrefimg2'] . '">';
echo '</div>';
break;
case '3':

echo '<div class="fotorama" data-nav="thumbs" data-autoplay="1700">';
echo '<img src="' . $_POST['hrefimg1'] . '">';
echo '<img src="' . $_POST['hrefimg2'] . '">';
echo '<img src="' . $_POST['hrefimg3'] . '">';
echo '</div>';
break;
default:
echo "Could not load images";
}
?>
</body>
</html>

使用从上面的php生成html所需的字段sumbiting post.html之后。一切顺利，但我需要能够查看提交后实际生成的源代码。不是真正的页面视图

我已尝试插入以下javascript代码：

<a class="button" onClick='window.location="view-source:" + window.location.href'>View Source</a>

但它向我展示了页面的完整源代码，包括viewsource代码。我怎样才能隐藏它的最后一部分？或者最好在一页纸上完成。但只有字段填充，复选框，我可以这样做，并张贴到同一页，所以它会显示它很好，但我有问题，显示实际来源的生成页面到同一页到另一个DIV

有什么建议吗？

非常感谢。

由于您使用jQuery，您可以利用它为您转义html

var $pre = $('<pre/>');
var bodyHTML = $('body').html();
$pre.text(bodyHTML);
$('body').append($pre);

您需要用PHP处理数据吗？我的意思是-你是否在某处存储$\u POST值？是的，我有其他php文件，在用户登录后，他被重定向到generator html页面，其中包含要填充和提交的字段或存储的cookie以供以后使用。我是否完全理解-你想在某些DIV中打印所有带有正文、标题和脚本的代码？然后你把数据发布到你现在所在的页面上？我将创建单独的PHP页面来检索$\u POST数据，并使用Ajax@phillip100是的，我确实希望这样做，我可以，单独回显所有代码，但要在单个页面中显示生成的内容，需要花费更长的时间并将数据发布到_self，但由于我没有几个模板，我必须将所有模板分阶段放在一个主文件中，在您能够发布所有数据之前，我有一个基于登录的系统，实际上，我没有找到其他方法，一旦我们发布到其他php文件，在它的末尾，我放置了curl以获取整个生成的页面，并将其放入一个文件中。然后，如果用户返回主页div，如果生成的文件使用受用户密码保护的href下载，则会弹出div。谢谢谢谢，我稍后会尝试。它的工作原理与我使用的完全相同，查看源代码方法，这将是答案，但它显示了以下内容：此页面底部的代码，但我将尝试使用string.replacesearchvalue、newvalue来摆脱不需要的脚本。所以我可以在不同的div中使用它。我想这是我能做到的唯一方法。不过还是谢谢你。我会继续努力。