将php产生的数据发送到javascript函数的更好方法是什么？

大佬教程收集整理的这篇文章主要介绍了将php产生的数据发送到javascript函数的更好方法是什么？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

例如,我有一些数据库数据可以被PHP获取.

我想通过一些精美的javascript图表插件将数据显示为图表.

有两种方法可以完成这项工作.

首先,让PHP在JS脚本中输出行数据,如以下代码所示,

chart.PHP

@H_944_12@<?PHP
   $data=Array(); 
   //$data would be assigned some value from database
?>
<script>
   var data=[];
   data=<?PHP echo json_encode[$data];?>;
   draw_fancy_chart(data);
</script>

优点是这种方法非常有效.一旦从服务器请求页面,用户就可以直接看到图表(假设draw_fancy_chart函数的效率很高).

但是缺点是我无法提取JS脚本,甚至无法在draw_fancy_chart.js上做一些缩小,所有用户都可以通过view-source查看我的Js.

第二种方法是使用AJAX.

chart_ajax.PHP

@H_944_12@echo json_encode[$data];

chart.html

@H_944_12@<script>
$.ajax({
  url: "chart_ajax.PHP"      
  }).done(function(data) {
    draw_fancy_chart(data);
   });
</script>

优点是我可以将所有JS脚本打包到一个JS文件中.
但是用户体验很差,由于ajax请求,用户将面临加载微调器.并且我们知道,不需要该请求.

有人可以给我更好的解决方案吗？非常感谢.

解决方法:

第三种选择在保持http请求@L_696_29@最少的同时保持分隔：

@H_944_12@<script>
var data = <?PHP json_encode($data)?>;
</script>
<script src="your-javascript.js"></script>

…然后your-javascript.js使用数据.不利之处在于数据是全局变量,因此请为它选择一个可能唯一的名称以避免冲突(全局名称空间非常拥挤).

大佬总结

以上是大佬教程为你收集整理的将php产生的数据发送到javascript函数的更好方法是什么？全部内容，希望文章能够帮你解决将php产生的数据发送到javascript函数的更好方法是什么？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。