Конвертировать реализацию AJAX в реализацию JQuery AJAX

Question

У меня есть реализация AJAX, как точно повторить это с jQuery AJAX

var request;
function sendInfo()
{
    var id = document.form.bid.value;
    var url="retrieve.jsp?bid="+id;
    if(window.XMLHttpRequest)
    {
        request=new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        request=new ActiveXObject("Microsoft.XMLHTTP");
    }
    try
    {
        request.onreadystatechange=getInfo;
        request.open("GET",url,true);
        request.send();
    } catch (e)
    {
         alert("Unable to connect to server");
    }
}

Мне нужно отправить ставку данных onkeyup, отобразить некоторые данные в 'dispArea'

function getInfo()  
{  
    if(request.readyState==4)  
    {  
        var val = request.responseText;  
        document.getElementById('dispArea').innerHTML=val;  
    }  
}    

Реализуйте то же самое, используя jQuery AJAX

То, что я пробовал: *

$(document).ready(function(){
     $('#bookid').keyup(function(){
         $.ajax({
             url : 'retrieve.jsp',
             data : {
                  bid : $('bookid').val()
             },
             success : function(responseText){
                 $('#dispArea').text(responseText);
             }
         });
     });
});

ставка недоступна в файле извлечения JSP.

Answer 1

Я не использовал символ # при обращении к идентификатору "#bookid". и получить текст в виде HTML.

$(document).ready(function(){
    $('#bookid').keyup(function(){
        $.ajax({
            url : 'retrieve.jsp',
            type : 'POST',
            async : 'false',
            data : {
                bid : $('#bookid').val()
            },
            success : function(responseText){
                $('#dispArea').html(responseText);
            }
        });
    });
});