[jQuery] How to enable or disable my Internet browser's Autocomplete

어제 고객사 사이트에 autocomplete 기능을 적용 테스트를 했다.

내가 사용하는 환경인 윈도우10 Explorer 11 에서는 autocomplete 동작이 잘 된다.

하지만 고객사 키맨으로부터 전혀 검색을 할 수가 없어 기존 사용하던 것도 안된다는 민원이 발생해서 환경을 확인해보니 윈도우 7 에 Explorer 버전이라고 나온다. Explorer 세부 버전정보까지는 확인 불가

그래서 결국에

$('#searchValue').autocomplete({
    source: "path/autosearch.php",
    minLength: 1
});

는 주석처리 할 수 밖에 없었다.

// === autosearch.php ====
<?php
require_once "connect.php";

if (isset($_GET['term'])){
    $return_arr = array();

    $keyword = $_GET['term'];
    $sql = "SELECT distinct(name) FROM member WHERE name LIKE '%".$keyword."%'";
    $result = mysql_query($sql);
    while($row = mysql_fetch_assoc($result)){
        array_push($return_arr,$row['name']);
    }

    echo json_encode($return_arr);
}
?>

중복없이 이름 검색이 되도록 하기 위해서 distinct 처리를 했다.

원하는 결과가 잘 나옴에도 불구하고 적용은 할 수가 없었다.

http://jqueryui.com/autocomplete/ 에서 샘플로 나온 것이 아래 스크립트를 포함하고 있어서 이걸로 테스트를 했는데 윈도우 10 Firefox 브라우저에서는 잘 되는걸 확인했다.

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

일단 접속하는 브라우저의 정확한 정보부터 수집하는 코드를 구현해야 할 거 같다.

지금은 Chrome,Firefox, Explorer 여부만 수집되는데 버전 정보까지 수집되도록 코드를 세분화해야 할 거 같다.

그래야 새로운 코드 적용시 발생하는 민원을 정확하게 감지할 수 있을 거 같다.

http://www.computerhope.com/issues/ch000604.htm 사이트 자료에 Explorer 세팅 정보를 수정하면 동작되는 것 처럼 되어 있기는 하다.

멀티부팅되는 환경을 만들어서 다양한 접속을 해야만 하나보다.