使用jQuery設置SPAN元素後的值

Question

如何將AJAX數據放入</span>之後？

$(function() { 
    function check_messages() { 
    $.ajax({ 
     url: '/check/', 
     cache: false, 
     success: function (data) { 
     $('.here').text(data) 
     complete: function() { 
      window.setTimeout(check_messages, 20000); 
     } 
    }); 
    }; 
    check_messages(); 
}); 

<button type="button" class="navbar-toggle collapsed msg" data-toggle="collapse" data-target="#search"> 
    <span class="glyphicon glyphicon-envelope here" aria-hidden="true"></span> 
    HERE ajax data 
</button> 

Answer 1

其實你的片段是馬車。例如：complete回調位於success回調的內部，或者可以說最外層的函數未關閉，具體取決於您想要如何讀取它。

在這裏，我們去了消毒版本包括jQuery after() method你喜歡的DOM元素之後，將數據添加：

$(function() { 
    function check_messages() { 
     $.ajax({ 
      url: '/check/', 
      cache: false, 
      success: function (data) { 
       // instead of $('.here').text(data) 
       $('.here').after(data) 
      }, 
      complete: function() { 
       window.setTimeout(check_messages, 20000); 
      } 
     }); 
    }; 
    check_messages(); 
}); 

---

編輯：

$(function() { 
    var $CheckMessages = $('<span/>').insertAfter('.here'); 
    function check_messages() { 
     $.ajax({ 
      url: '/check/', 
      cache: false, 
      success: function (data) { 
       $CheckMessages.html(data); 
       // if data is text only (no HTML) it would be more secure to use .text() method... 
       // $CheckMessages.text(data); 
      }, 
      complete: function() { 
       window.setTimeout(check_messages, 20000); 
      } 
     }); 
    }; 
    check_messages(); 
});