JS实现仿百度搜索框(输入框回调)

//关键词sug
$(function() {
    //当键盘键被松开时发送Ajax获取数据
    $('.wd').keyup(function() {
        var keywords = $(this).val();
        if (keywords == '') { $('#word').hide(); return };
        $.ajax({
            url: 'https://suggestion.baidu.com/su?wd=' + keywords,
            dataType: 'jsonp',
            jsonp: 'cb', //回调函数的参数名(键值)key
            // jsonpCallback: 'fun', //回调函数名(值) value
            beforeSend: function() {
               // $('#word').append('
正在加载。。。
');
            },
            success: function(data) {
                $('#word').empty().show();
                if (data.s == '') {
                    //$('#word').append('
Not find  "' + keywords + '"
');
                    $('#word').hide();
                }
                $.each(data.s, function() {
                    $('#word').append('
 ' + this + '
');
                })
            },
            error: function() {
                $('#word').empty().show();
                //$('#word').append('
Fail "' + keywords + '"
');
                $('#word').hide();
            }
        })
    })
    //点击搜索数据复制给搜索框
    $(document).on('click', '#word li', function() {
        var word = $(this).text();
        $('.wd').val(word);
        $('#word').hide();
        $("form").submit();
        // $('#texe').trigger('click');触发搜索事件
    })

})