将 Html 内容加载到 jQuery 变量中答案

【问题标题】：Load Html content into jQuery variable将 Html 内容加载到 jQuery 变量中
【发布时间】：2018-12-14 06:40:48
【问题描述】：

我正在尝试使用下面的代码将 html 内容加载到 jquery 变量中。

<html>
  <body>
   <div id="static-content"></div>

   <?php        
     $static_content = file_get_contents('cms/content.php');
   ?>

   <script>


 $(document).ready(function($){  
    var static_content = '<?php echo $static_content; ?>';
    $('#static-content').load(static_content);  

  });     

   </script>
  </body>
</html>

我正在从 content.php 读取 html 并尝试附加到 div。

它不适合我。谁能建议我如何实现这一目标。谢谢

【问题讨论】：

在 php 脚本中 $contnet 更改为 $content
如果你加载的文本中有换行符或引号，你需要var static_content = `<?php echo $content; ?>`; 但是为什么不$('#static-content').load("content.php")
为什么不直接将<?php echo $content; ?> 放在div 中？...如果您仍想将$content 存储在javascript 变量中，则需要遵循@mplungjan 的建议。。
@SyamsoulAzrien，是的，我可以这样使用，我正在根据我的要求尝试不同的目的，所以我在这里只发布这么多
替代：$.get("content.php",function(data) { $('#static-content').append(data) });

标签： php jquery file-get-contents

【解决方案1】：

试试这个 ajax 加载概念。 Link

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <div id="static-content"> </div>
<script>
    $(document).ready(function($) {
        $('#static-content').load("content.php");
    });

【讨论】：

嗨@VinothRaj，它对我不起作用，在控制台中的参数列表后得到 Uncaught SyntaxError: missing )
@HimanshuUpadhyay 为什么删除分号会使错误消失？？？
@mplungjan，我认为这是一个语法错误。所以想改正它。
这是一个 NOP 声明，在这种情况下不会造成伤害
@HimanshuUpadhyay，同样它不起作用。 content.php 有 html 和 div 类

【解决方案2】：

请试试这个

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


</head>
   <body>

    <div id="static-content"></div>
   <?php
      $myfile = fopen("content.php", "r") or die("Unable to open file!");
      $content = fread($myfile,filesize("content.php"));
      fclose($myfile);
   ?>

<script>
   $(document).ready(function($){  
      var static_content = '<?php echo $content; ?>'; 
      console.log('htmltext ',static_content);
      $('#static-content').html(static_content);
      });     

   </script>
   </body>
</html>

【讨论】：

如果文件中有任何单引号或换行符，var static_content = '<?php echo $content; ?>'; 将失败
是的，那里有任何修复吗？
@mplungjan，反引号（`）在 IE 浏览器中不起作用？