Fatal编程技术网
  • javascript/
  • Javascript 在html属性中存储值数组的最佳实践？

Javascript 在html属性中存储值数组的最佳实践？

javascript html

Javascript 在html属性中存储值数组的最佳实践？,javascript,html,attr,Javascript,Html,Attr,将值数组存储在html（来自php）属性中，然后从javascript/jQuery访问它们的最佳实践是什么 <div class="storage" someAttr=?? /></div> 您可以像这样存储在html属性中，然后可以使用JavaScript借助Substring函数将其拆分为数组 <li id="P01[01]"></li>

将值数组存储在html（来自php）属性中，然后从javascript/jQuery访问它们的最佳实践是什么

<div class="storage" someAttr=?? /></div>
您可以像这样存储在html属性中，然后可以使用
JavaScript
借助
Substring
函数将其拆分为数组

<li  id="P01[01]"></li>

  •
    • 您可以在PHP端对数组进行
    json\u编码，在HTML端将其作为
    数据属性添加，然后在JavaScript端对其进行解析
    

    <!DOCTYPE html>
<html>

  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script>
      $(document).ready(function() {
        var jsArr = JSON.parse($('#phpArr').attr('data-attr'));
      });
    </script>
  </head>

  <body>
    <span id="phpArr" data-attr='<?php echo json_encode(arr); ?>'></span>
  </body>

</html>

    

    
$（文档）.ready（函数（）{
var jsArr=JSON.parse（$（'#phpArr'）.attr（'data-attr'））；
});

    数据
    选择器，例如：您可以尝试从PHP将其格式化为JSON，然后让JavaScript对其进行解析。

    <!DOCTYPE html>
<html>

  <head>
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <script>
      $(document).ready(function() {
        var jsArr = JSON.parse($('#phpArr').attr('data-attr'));
      });
    </script>
  </head>

  <body>
    <span id="phpArr" data-attr='<?php echo json_encode(arr); ?>'></span>
  </body>

</html>