Test ajax calls

by nsshrinivasan

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/themes/black-tie/jquery-ui.css">
<input id="inputfield"/>
<button id="search">value</button>

JavaScript

$(function () {
    $.ajax({
        url: "http://api.stackexchange.com/2.1/users",
        data: {
            pagesize: 100,
            order: 'desc',
            sort: 'reputation',
            site: 'stackoverflow'
        },
        dataType: "jsonp"
    }).success(function (data) {
        console.dir(data);
        var source = $.map(data.items, function (user) {
            return user.display_name;
        });
        
        $("#inputfield").autocomplete({
            source: source,
            minLength:0
        });
       
    });
     $(document).on('click', '#search', function(){
            $("#inputfield").autocomplete('search', '');
        });
});