如何使用 jQuery 从模板文件调用函数


How to call a function from the template file with jQuery

我有 2 个文件,.tpl 和 .inc.php

在我的 .inc 中.php我使用 2 个查询来获取一些数据。对于 smarty,我将查询响应传递给 .tpl 文件,并在表和选择列表中显示这些数据。

现在,我希望当用户在选择列表中选择新项目时,我的列表会自动更新。

我实际上能够检测到选择列表中的更改。

问题是,我怎么能调用这个函数

updateToolPrivilegesTableForSelectedTool($Object)

从 .tpl 文件。该函数位于 .inc.php 文件中。这应该可以通过jquery实现,但我不知道如何。

这是我的代码:

.PHP:

<?php

updateToolPrivilegesTable();
$tool =$_DB->queryRaw("SELECT objects FROM backend_menu WHERE parent != 0");
while ($row_tool = $tool->next_assoc())
{
    $resultstool[] = $row_tool;
}
$smarty->assign("tool_name",$resultstool);
$smarty->assign("privileges",$resultsprivlieges);
$smarty->TDisplay("users/backend_tools_user_privileges.tpl", "Backend Tools Privileges", "general-content.tpl");

function updateToolPrivilegesTable()
{
global $_DB;
global $resultsprivlieges;
$resultsprivlieges = array();
$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges`");
while ($row = $privlieges->next_assoc())
{
    $resultsprivlieges[] = $row;
}
}
function updateToolPrivilegesTableForSelectedTool($Object)
{
global $_DB;
global $resultsprivlieges;
$resultsprivlieges = array();
$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges` WHERE `Object`=$Object");
while ($row = $privlieges->next_assoc())
{
    $resultsprivlieges[] = $row;
}
}
?>

HTML (.tpl)

<h1> Backend Tools Privileges</h1>
<table>
<tr>
<td>Tool</td>
<td>
<SELECT name="object" id="selectTool">
        {foreach from=$tool_name item=toolItem name=foo}    
                <OPTION name="object" VALUE="{$toolItem['objects']}">{$toolItem['objects']}</OPTION>
        {/foreach}
</SELECT>
</td>
</tr>
</table>
<table width='700px' id="employeetable" class="tablesorter" style='table-layout:fixed;'>
<thead>
    <tr>
        <th>Group Id</th>
        <th>User Id</th>
        <th>Object</th>
        <th>Read</th>
        <th>Update</th>
        <th>Insert</th>
        <th>Delete</th>
    </tr>
</thead>
<tbody>
    {foreach from=$privileges item=privilegesItem name=foo}
    <tr>
        <td>{$privilegesItem['group_id']}</td>
        <td>{$privilegesItem['user_id']}</td>
        <td>{$privilegesItem['Object']}</td>
        <td>{$privilegesItem['Read']}</td>
        <td>{$privilegesItem['Update']}</td>
        <td>{$privilegesItem['Insert']}</td>
        <td>{$privilegesItem['Delete']}</td>
    </tr>
    {/foreach}
</tbody>
</table>
</form>

{literal}
<script type="text/javascript">
$(selectTool).change(function() 
{
!!!!!!! Here I shuld call the function updateToolPrivilegesTableForSelectedTool($Object) from .php file.
}
</script>
{/literal}

您可以简单地使用表单帖子将下拉列表中的选定对象作为帖子变量重新加载页面,并在选择框中提交 onchange 表单。

因此,请将下拉菜单更改为:

<form action="mypage.php" method="post">
   <select name="object" id="selectTool" onChange="form.submit()">
        <option>Please pick an object to filter...</option>
        {foreach from=$tool_name item=toolItem name=foo}    
                <option name="object" VALUE="{$toolItem['objects']}">{$toolItem['objects']}</option>
        {/foreach}
   </select>
</form>

然后在你的PHP中有:

if(isset($_POST['object']{0})){
    updateToolPrivilegesTableForSelectedTool($_POST['object']);
}else{
    updateToolPrivilegesTable();
}

小心!更改 updateToolPrivilegesTableForSelectedTool 中的查询以避免数据库注入:

$privlieges = $_DB->queryRaw("SELECT `group_id`, `user_id`, `Object`, `Read`, `Update`, `Insert`, `Delete` FROM `backend_privileges` WHERE `Object`='".mysql_real_escape_string($Object)."'");

一个更好的Ajax解决方案需要更多的代码,因为你需要动态替换整个tbody,并将updateToolPrivilegesTableForSelectedTool移动到一个单独的文件中。如果您使用的是某种 jQuery 表排序器插件,您可能也必须再次调用表排序器。让这一切正常工作会更加棘手,我认为您应该首先了解表单发布的基础知识。