JQuery UI Autocomplete Wordpress

Question

我想在昵称搜索栏中添加自动填充功能。我不明白为什么它不起作用。我的代码是正确的？

在我的文件liste.php

global $wpdb; 
    $name = $_POST['code_postal']; 
    $sql = $wpdb->get_results("SELECT * FROM membres WHERE pseudo LIKE '$name%' "); 

    $titles = array(); 
    foreach($sql as $key=> $value){ 
     echo $value->pseudo; 
    } 

    echo json_encode($titles); //encode into JSON format and output 

在我global.js

$('#recherche').autocomplete({ 
    source: function(name, response) { 
     $.ajax({ 
      type: 'POST', 
      dataType: 'json', 
      url: 'wp-content/themes/ARLIANE/liste.php', 
      data: 'action=get_listing_names&name='+name, 
      success: function(data) { 
       response(data); 
      } 
     }); 
    } 
}); 

在我的index.php

<form> 
 
    <input type="text" name="term" id="recherche"/> 
 
</form>

Answer 1

你可以尝试登录AJAX错误控制台有关该问题的详细信息，像这样：

 $.ajax({ 
     type: 'POST', 
     dataType: 'json', 
     url: 'wp-content/themes/ARLIANE/liste.php', 
     data: 'action=get_listing_names&name='+name, 
     success: function(data) { 
      response(data); 
     }, 
     error: function(xhr, textStatus, error){ 
     console.log(xhr.statusText); 
     console.log(textStatus); 
     console.log(error); 
     } 
     }); 

Answer 2

尝试通过添加页面来改变你的js代码的URL和文件关联liste.php作为自定义页面类型，不是添加的页面网址：

url: '<?php echo get_permalink(page_id); ?>', 

Answer 3

如果我做了包括liset.php这个返回我还有一个表JSON。 但是，当我让我的ajax调用它返回一个错误500.

我认为问题来自与自动完成功能的jquery调用。