Question

我有以下代码：

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '12345'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=12345&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->

我想传递给JSON，以便我的前端javascript可以执行此操作并在我的客户端浏览器中呈现它。

我正在使用此代码，通过JSON转储它，然后将其呈现为我的js文件。像这样：

  pixels = [ p.code for p in Pixel.query.all() ]
  return render_template('pixel/master_pixel.html',
                         pixels_json=json.dumps(pixels))

这是我的前端解析它的方式：

pixels = "{{ pixels_json }}";     // Rendered by jinja
pixels = JSON.parse(pixels);

我跑了这个，我得到了以下内容：

<html>
  <body>

  <script>
pixels = "[&#34;&lt;!-- Facebook Pixel Code --&gt;\r\n&lt;script&gt;\r\n!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;\r\nn.push=n;n.loaded=!0;n.version=&#39;2.0&#39;;n.queue=[];t=b.createElement(e);t.async=!0;\r\nt.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,\r\ndocument,&#39;script&#39;,&#39;https://connect.facebook.net/en_US/fbevents.js&#39;);\r\nfbq(&#39;init&#39;, &#39;325091591183913&#39;); // Insert your pixel ID here.\r\nfbq(&#39;track&#39;, &#39;PageView&#39;); fbq(&#39;track&#39;, &#39;Lead&#39;);\r\n&lt;/script&gt;\r\n&lt;noscript&gt;&lt;img height=\&#34;1\&#34; width=\&#34;1\&#34; style=\&#34;display:none\&#34;\r\nsrc=\&#34;https://www.facebook.com/tr?id=325091591183913&amp;ev=PageView&amp;noscript=1\&#34;\r\n/&gt;&lt;/noscript&gt;\r\n&lt;!-- DO NOT MODIFY --&gt;\r\n&lt;!-- End Facebook Pixel Code --&gt;\r\n&#34;]";     // Rendered by jinja
pixels = JSON.parse(pixels);

for (var encoded in pixels) {
  var iframe = document.createElementById('iframe');
  iframe.open();
  iframe.write(encoded);
  iframe.close();
  document.body.appendChild(iframe);
}
  </script>

  </body>
</html>

我在firefox中收到此错误：

VM5791:1 Uncaught SyntaxError: Unexpected token & in JSON at position 1
    at JSON.parse (<anonymous>)
    at master:6
(anonymous) @   master:6

有什么想法吗？

Answer 1

看起来您正在尝试将字符串解析为JavaScript而不是JSON。 JSON是一种非常严格的数据结构。我想你想要的是eval（）https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval

但是在使用eval（）时要非常小心：Why is using the JavaScript eval function a bad idea?

通过JSON传递javascript代码导致错误？

1 个答案: