wordpress에서 jquery autocompleter를 구현하는 방법

Question

wordpress에서 자동 컴 플레서를 사용하려고합니다.

여기 여기가 정상 HTML, PHP는 웹 사이트에이 작품을 만들 수있는, 그러나 내 JQuery와

$(function() { 
    //function log(message) { 
    // $("<div>").text(message).prependTo("#log"); 
    // $("#log").scrollTop(0); 
    // } 
    //alert('huii'); 

    $("#se").autocomplete({ 

     //dataType: "json", 
     source: function(request, response) { 
       $.ajax({ 
        url: './wp-admin/admin-ajax.php', 
        dataType: "json", 
        data: { 
         action: 'autocompleteCallback', 
         search_string:'a', 
         // term: $(options.fieldName).val() 
        }, 
        success: function(data) { 
        //alert(data); 
        alert('huii'); 
         response($.map(data.results, function(item) { 
          return { 
          alert('hi'); 
           label: item.val, 
           ///value: item.title, 
           //url: item.url 
          } 
         })); 
        }, 
        error: function(jqXHR, textStatus, errorThrown) { 
         console.log(jqXHR, textStatus, errorThrown); 
        } 
       }); 
      }, 
     minLength: 1, 
     //select: function(event, ui) { 
     // log(ui.item ? 
     // "Selected: " + ui.item.value + " aka " + ui.item.id : 
    //  "Nothing selected, input was " + this.value); 
    // } 

    // select: function(event, ui) { 
    // log(ui.item ? 
    //  "Selected: " + ui.item.value + " aka " + ui.item.id : 
    //  "Nothing selected, input was " + this.value); 
    // } 
    }); 
}); 

내 PHP 코드

function autocompleteCallback() { 
    global $wpdb; // this is how you get access to the database 

    //$whatever = $_POST['search_string']; 

    $name=$_POST['search_string']; 
    // echo'hiii'. $name='a'; 
    $employee=$wpdb->get_results("SELECT `user_login` FROM wp_users WHERE user_login LIKE '$name%' "); 

    foreach($employee as $key=> $value){ 
    $myarr[]=array('val' => $value->user_login); 
    } 

    //wp_reset_query(); 

    echo json_encode($myarr); 

    die(); // this is required to return a proper result 
} 

add_action('wp_ajax_autocompleteCallback', 'autocompleteCallback'); 
add_action('wp_ajax_nopriv_autocompleteCallback', 'autocompleteCallback'); 

어디 패스포트 소스 문자열로. 나는 소스 태그에 함수를 사용할 때 내가 실수 한 부분을 파악할 수 없다.

HTML 코드

<input id ="se" type="text" name="test" width="20" /> 

Answer 1

그냥이 멋진 플러그인을 사용 해달라고 이유 : 나는 그것이 어떻게 작동하는지 이해하는 것이 필요하기 때문에 SearchAutocomplete