javascript - 使用 jQuery 替换 XMLHttpRequest

Question

我对 JavaScript 库还很陌生。我想用 jQuery 替换我当前的代码。我当前的代码如下所示:

var req;

function createRequest() {
   var key = document.getElementById("key");
   var keypressed = document.getElementById("keypressed");
   keypressed.value = key.value;
   var url = "/My_Servlet/response?key=" + escape(key.value);
   if (window.XMLHttpRequest) {
      req = new XMLHttpRequest();
   } else if (window.ActiveXObject) {
      req = new ActiveXObject("Microsoft.XMLHTTP");
   }
   req.open("Get", url, true);
   req.onreadystatechange = callback;
   req.send(null);
}

function callback() {
   if (req.readyState == 4) {
      if (req.status == 200) {
         var decimal = document.getElementById('decimal');
         decimal.value = req.responseText;
      }
   }
   clear();
}

我想用像 jQuery 这样更友好的东西替换我的代码

$.get(url, callback);

但是它没有调用我的回调函数。

我还想连续调用一个名为createRequest 的函数。 jQuery 有这样做的好方法吗？

Answer 1

$.get(url, {}, callback);

应该可以解决问题。您的回调可以像这样简化:

function callback(content){
    $('#decimal').val(content);
}

或者更短:

$.get(url, {}, function(content){
    $('#decimal').val(content);
});

总而言之，我认为这应该可行:

function createRequest() {
    var keyValue = $('#key').val();
    $('#keypressed').val(keyValue);
    var url = "/My_Servlet/response";
    $.get(url, {key: keyValue}, function(content){
        $('#decimal').val(content);
    });
}