将 AJAX 实现转换为 jQuery AJAX 实现答案

【问题标题】：Convert AJAX implementation into jQuery AJAX implementation将 AJAX 实现转换为 jQuery AJAX 实现
【发布时间】：2019-07-01 02:51:24
【问题描述】：

我有一个 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");
    }
}

我需要在keyup上发送一个数据标，显示一些数据到'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 文件中没有出价。

【问题讨论】：

你在这个复制过程中尝试了什么？
我已经更新了问题，请仔细阅读。

标签： javascript jquery ajax jsp

【解决方案1】：

我没有使用# 符号来指代ID“#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);
            }
        });
    });
});

【讨论】：