jquery auto complete in wordpress

Question

Я пытаюсь использовать автозавершение jquery в word-press search.

Однако, хотя я получаю результат через ajax, я не мог выполнить полную работу jquery-UI.

вот мой код jquery.

$("#searchbox").keyup(function(e){ 
     e.preventDefault(); 
     var search_val=$("#searchbox").val(); 
     $.ajax({ 
      type:"POST", 
      url: "./wp-admin/admin-ajax.php", 
      data: { 
       action:'wpay_search', 
       user_name:search_val 
      }, 
      success:function(data){ 

       //$('#search_result').html(data); 
       $("#searchbox").autocomplete({ 
       source: data 
       }); 

      } 
     }); 


}); 

вот мой PHP код

function wpay_search() { 

    global $wpdb; 
    $name=$_POST['user_name']; 
    echo $name; 
    $employee=$wpdb->get_results("SELECT `First_Name`, last_name FROM users WHERE First_name LIKE '$name%' "); 

    foreach($employee as $key=> $value){ 
    echo $value->First_Name; 
    } 

    //wp_reset_query(); 
    die(); 
} // end theme_custom_handler 
add_action('wp_ajax_wpay_search', 'wpay_search'); 
add_action('wp_ajax_nopriv_wpay_search', 'wpay_search'); 

Как реализовать автоматический завершающего в WordPress? Где я пропустил?

Answer 1

Когда я кодирую данные до json, все проблемы исчезли!