在jQuery函數中使用smarty變量

Question

我的php從DB生成一些類型，並將其傳遞給Smarty變量$ X。

在Jquery的幫助下，我希望能夠點擊一個按鈕，我的一個div的內容將被替換爲$ X。

$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#div1").html($X); 
    }); 
}); 

這段Jquery腳本包含在外部js文件中。

Answer 1

如果你有一個可以輸出PHP-> Smarty分配變量的模板文件，你可以做的就是在模板中創建一個全局JS變量，然後在你的JS中使用這個全局變量。

如：

模板文件

<script type="text/javascript"> 
var MyGlobalVar = "{$MyGlobalVar}"; 
</script> 

Global.js文件

$(document).ready(function(){ 
    $("button").click(function(){ 
     if (MyGlobalVar != '') { 
      $("#div1").html(MyGlobalVar); 
     } else { 
      alert('Error! Error! Abort!'); 
     } 
    }); 
}); 

注意，你可以輸出Global.js它被解析的文件Smarty（儘管...這可能不是一個好主意），並以這種方式注入你的PHP-> Smarty變量。這會將Global.js包含的文件視爲Smarty模板。

要這樣做，您需要使用{literal}，可能需要使用.php文件命名文件（因此它是PHP可解析的），並添加一個PHP header()調用，以便PHP將文件內容輸出到瀏覽器一個Javascript內容類型。

Global.js

<?php 

header("content-type: text/javascript"); 

?> 
var MyGlobalVar = "{$MyGlobalVar}"; 
{literal} 
$(document).ready(function(){ 
    $("button").click(function(){ 
     if (MyGlobalVar != '') { 
      $("#div1").html(MyGlobalVar); 
     } else { 
      alert('Error! Error! Abort!'); 
     } 
    }); 
}); 
{/literal} 

此外，在PHP端，你可能要考慮添加斜線到您的變量，尤其是如果JS變量包含HTML或將使用文本的其他位單/雙引號。