Obejct 是 ajax 调用后的 Jquery 给出 null

Question

我正在通过点击进行呼叫，这将转到服务器呼叫。

$(this).click(function(){
   alert($(this).html()); //this is giving value
   var urlLink = someURL;
   var data = "id=" + "123";
   $.ajax({
        url : urlLink,
    data : data,
    cache: false,
    success : function(resp) {
      alert($(this).html()); //this is giving null
    }
   });
});

成功后，如果我发出相同的警报，则给出 null。任何人都可以提供一个想法，出了什么问题。

Answer 1

来自 jQuery 文档：

所有中的 this 引用
回调是上下文中的对象
选项传递给 $.ajax 中
设置;如果未指定上下文，
这是对 Ajax 的引用
设置本身。

设置 ajax 对象的 context 选项，或者将该对象保存在回调函数范围之外的变量中。

$(this).click(function(){
   var $obj = $(this);
   alert($obj.html()); //this is giving value
   var urlLink = someURL;
   var data = "id=" + "123";
   $.ajax({
        url : urlLink,
    data : data,
    cache: false,
    success : function(resp) {
      alert($obj.html()); //this will give you the value too
    }
   });
});

Answer 2

首先，success 函数中的 $(this) 语句的范围与 AJAX 调用返回的数据相关。

您的第一个 $(this) 语句引用被单击的元素。

尝试将 success cal 更改为以下内容以查看返回的警报数据：

success : function(resp) {
    alert(resp);
}

如果仍然显示空值，则 AJAX 调用的服务器端执行的代码可能存在潜在问题。