Ajax 调用在自定义插件中不起作用

杰克逊

我正在创建一个插件以在下拉列表中显示所有帖子类型，并创建另一个选择框以显示每个帖子类型的相应类别（分类法）。当帖子类型改变时，通过 ajax 调用选择相应的类别。

这是我的代码：

add_action('admin_menu', 'taxonomy_menu');

function taxonomy_menu(){
        add_menu_page( 'Taxonomy Plugin', 'Custom Taxonomy Plugin', 'manage_options', 'custom-taxonomy-plugin', 'tax_settings' );
}
function tax_settings(){
 $url = plugin_dir_url().'cust-taxonomy/ajax_tax.php';
 $taxo = get_taxonomies();
 var_dump($url);
?>
<form method="POST" action="">
 Post Type<select class="taxonomy">
 <?php
 foreach ( get_post_types() as $post_type ) {
 ?>
  <option value="<?php echo $post_type;?>"><?php echo $post_type;?></option>
 <?php } ?>
 </select><br>
 Categories<select>
  <option value="">Select</option>
 </select><br>
 No: of posts<input type="text" name="num_posts"><br><span></span>
 <input type="submit" name="submit" value="submit">
 </form>
<?php 
}
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
 jQuery(".taxonomy").change(function(){
  var post_type = this.value;
  alert(post_type);
  jQuery.ajax({
            type:'POST',
            url:"<?php echo plugin_dir_url().'cust-taxonomy/ajax_tax.php';?>",
            data: post:post_type,
            success:function(result){
             alert(result);
            }
        });
 });
});
</script>

这里没有 AJAX 调用会转到相应的 URL。这是为什么？

姆奇丹

我可以看到调用 jQuery.ajax() 时存在语法错误。您传递的参数不是正确的 java 脚本对象。您需要将post: post_type用花括号括起来，如下所示。

jQuery.ajax({
            type:'POST',
            url:"<?php echo plugin_dir_url().'cust-taxonomy/ajax_tax.php';?>",
            data: {post:post_type},
            success:function(result){
             alert(result);
            }
        });

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。