如何使用；获取“U模板”目录“U uri”；在javascript函数中

这是我的WordPress PHP文件代码的一部分，在这里我编写了一个JavaScript代码，我想显示查询中的名称和图像。 显示名称但不显示图像，然后我添加了get_template_directory_uri（），在添加get_template_directory_uri（）之后，它在控制台中显示错误，如参数列表后的“未捕获语法错误：丢失”）。 所有图像都存储在WordPress主题图像文件夹中。 如何编写javascript代码来显示图像？ 请帮我解决这个问题

谢谢

function partyFunction(){
debugger;
$postdata = {};
$postdata["partyId"]=$("#partydropdown").val();
$.post('<?php echo get_template_directory_uri() ? 
>/GetPartiesData.php',$postdata,function (data) {
debugger;
console.log(data);
var stringreplace = data.replace(/['"]+/g, '');
console.log(stringreplace);
var res = stringreplace.split(",");
  console.log(res);
  $("#partyBody").empty();
  $("#partyBody").html('');
  $("#partyBody").append("<tr>"+
    "<td>"+res[1]+"</td>"+
    "<td><img src='"+<?php echo get_template_directory_uri() ? 
 >/img/++res[2]+"' style='padding:5px;vertical-align: middle;border-style: 
 none;width:129px;height:109px;' ></td>"+
 "<td><img src='"+res[3]+"' style='padding:5px;vertical-align: 
 middle;border-style: none;width:129px;height:109px;' ></td>"+
 "<td><a href='"+res[4]+"' target='_blank'>click here</a></td>"+
 "</tr>");
 });
 }

function partyFunction（）{
调试器；
$postdata={}；
$postdata[“partyId”]=$（“#parthydropdown”）.val（）；
$.post（$）
未捕获的合成错误：丢失）

/img/++res[2]+“'

替换为：

<img src='<?=get_template_directory_uri()?>/img/"+res[2]+"'

/img/“+res[2]+”'


您在语句末尾遗漏了分号：

<?php echo get_template_directory_uri(); ?>
-                                      ^ just missed 


-^刚刚错过

p.S.您多次使用同一行，请确保所有行都已修改。

未捕获的合成错误：丢失）

/img/++res[2]+“'

替换为：

<img src='<?=get_template_directory_uri()?>/img/"+res[2]+"'

/img/“+res[2]+”'


您在语句末尾遗漏了分号：

<?php echo get_template_directory_uri(); ?>
-                                      ^ just missed 


-^刚刚错过

p.S.您多次使用同一行，请确保所有行都已修改。
方法1:

将其分配给php文件中的全局变量，然后在javascript中调用它

在.php文件的顶部这样做

<script>
  template_directory = "<?php echo get_template_directory_uri() ?>"
</script>

与此相同，在图像src中也可以使用


方法2:

使用wordpress排队函数

wp_register_script( 'template-directory', 'myscript_url' );
wp_enqueue_script( 'template-directory' );
wp_localize_script( 'template-directory', 'directory_name', array( 'templateUrl' => get_stylesheet_directory_uri() ) );

在你的脚本中使用这个，像这样使用

template_directory = directory_name.templateUrl;

$.post(template_directory+'/GetPartiesData.php',$postdata,function (data) {

方法1:

将其分配给php文件中的全局变量，然后在javascript中调用它

在.php文件的顶部这样做

<script>
  template_directory = "<?php echo get_template_directory_uri() ?>"
</script>

与此相同，在图像src中也可以使用


方法2:

使用wordpress排队函数

wp_register_script( 'template-directory', 'myscript_url' );
wp_enqueue_script( 'template-directory' );
wp_localize_script( 'template-directory', 'directory_name', array( 'templateUrl' => get_stylesheet_directory_uri() ) );

在你的脚本中使用这个，像这样使用

template_directory = directory_name.templateUrl;

$.post(template_directory+'/GetPartiesData.php',$postdata,function (data) {

“未捕获语法错误”听起来像是JavaScript错误，而不是PHP错误。因此，请检查脚本的实际输出。“未捕获语法错误”听起来像是JavaScript错误，而不是PHP错误。因此，请检查脚本的实际输出。