PHP 到 JavaScript 变量传递

评论(1)

这是一个很头疼的事,因为我们在初始化页面的时候,JavaScript 和 诸如 PHP 这样的动态脚本之间是不能通过 POST 或者 GET 方法传递变量的,如果要异步从服务器端获得变量就又显得麻烦了一点,所以我们要在页面生成的时候将我们需要的 JavaScript 变量值打印到页面,以便以后使用。

变量传递的原理

在页面本生成的时候将 JavaScript 需要的变量以全局变量的形式打印到页面,通过页面加载该变量,然后在 JavaScript 脚本中直接使用改变量。

传递变量的代码

我们在 php 中可以

$code = '<script>';
$code .= '/* <![CDATA[ */';
$code .=	'var global = {';
$code .=		'Url	:"http://pangbu.com",';
$code .=		'name	:"XiangZi"';
$code .=	'};';
$code .= '/* ]]> */';
$code .='</script>';
//构建出,然后显示
echo $code;

JavaScript 中使用变量

使用变量很简单

var myUrl = global.Url;
var myName = global.name;

总结

在做主题的时候,本来想要将一些主题的参数封装到js代码里的,也就不用来回这样传递参数了,而且还能够减少几次查询,谁知到主题上传后发现总有一些小 BUG 要调整,要在本地 DEBUG 就必须来回改一些设置的参数,所以无奈就将一些参数直接写进了页脚,由 WordPress 自动生成,这样就不用来回去折腾参数了,等到主题不用大改动的时候会考虑将参数挪回js脚本中。





转载请注明转自: PHP 到 JavaScript 变量传递

  1. 占了个沙发。。开始关注技术类型的博客