Ajax标签（wordpress）

所以，我是Ajax的新手，在阅读了一些在线教程之后，下面就是我所理解的。 如果我错了，请纠正我。

现在的情况：

1. Tab_menu.php：默认情况下，在页面加载中显示Tab 1选项卡。 对于Tab 2选项卡， menu_tab2.php内容显示在页面加载上。

     
    Tab 1 Tab 2 Tab 3 Tab 4 Tab 5 
    
    Tab 1 Content 
    
     
    
     
    
     
    
      

2. menu_tab2.php（以及其他选项卡的类似内容）

     
    Tab 2 content  

所以，我想使用ajax将选项卡php文件内容加载到相应的选项卡中。

这是我到目前为止（ 仅在单击时执行php函数（wordpress） ）

jQuery的

  $(document).ready(function() { $('.my_tabs a').click(function(e) { e.preventDefault(); var tab_id = $('this').attr('id'); $.ajax({ type: "GET", url: "wp-admin/admin-ajax.php", dataType: 'html', data: ({ action: 'my_tab_menu', id: tab_id}), success: function(data){ $('#div'+tab_id).html(data); }, error: function(data) { alert("Error!"); return false; } }); }); }); 

Function.php

  function my_tab_menu() {  } add_action('wp_ajax_my_tab_menu', 'my_tab_menu'); add_action('wp_ajax_nopriv_my_tab_menu', 'my_tab_menu'); 

问题：

如何定位单个选项卡和相应的php文件？

谢谢！

编辑1

所以根据提供的答案，这里是更新版本：

Function.php

  function my_tab_menu() { $template_part_path = 'page/tab' . $_GET['id'];  } add_action('wp_ajax_my_tab_menu', 'my_tab_menu'); add_action('wp_ajax_nopriv_my_tab_menu', 'my_tab_menu'); 

另外，是$('#div'+tab_id).html(data); 正确？ 我不了解结构和每个组件的含义。

Answer 1

从$ _GET [‘id’]中检索已发布的ID并将其添加到路径中。

 $template_part_path = 'page/tab' . $_GET['id'];