Функции Javascript, не получающие данные при загрузке

Question

У меня проблема с кодом, который я привел ниже, и я новичок в Javascript и JQuery. То, что должен делать код, - это загрузка, которую он набирает для «непрочитанных уведомлений», затем помещает это число в div, называемый note_number. Затем он должен прочитать номер из notes_number и в зависимости от того, будет ли число больше 0, он отобразит div, называемый notes_signal.

Я делаю это при нагрузке каждые 5 секунд, а затем всякий раз, когда нажимается кнопка уведомлений. Код не работает, потому что при загрузке он не помещает число в div notes_number. Кроме того, другие случаи не работают. В какой-то момент я подумал, что это работает, но теперь я не могу понять, что случилось. Вот код:

//THIS IS TO CHECK WHEN THE PAGE COMES UP 
$("#notes_number").load("getnumber.php"); 

if(document.getElementById("notes_number").innerHTML > 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = ""; 
} 

if(document.getElementById("notes_number").innerHTML == 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = "none"; 
} 


//THIS IS TO CHECK EVERY 5 SECONDS 
window.setInterval(function(){ 
$("#notes_number").load("getnumber.php"); 

if(document.getElementById("notes_number").innerHTML > 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = ""; 
} 

if(document.getElementById("notes_number").innerHTML == 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = "none"; 
} 
}, 5000); 



//THIS IS TO CHECK WHEN THE BUTTON IS PRESSED 
function toggleDiv(divId) { 
    $("#"+divId).show(); 

$(document).ready(function(){ 
    $("#myContent").load("getnotes.php?page=<? echo $page; ?>"); 
}); 



$("#notes_number").load("getnumber.php"); 

if(document.getElementById("notes_number").innerHTML > 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = ""; 
} 

if(document.getElementById("notes_number").innerHTML == 0){ 
var elem = document.getElementById("notes_signal"); 
elem.style.display = "none"; 
} 
} 

Answer 1

Создание функции:

function checkNotes() { 
    $.get("getnumber.php", function(data) { 
     $("#notes_number").text(data); 
     if (parseInt(data) > 0) { 
      $('#notes_signal').show(); 
     } else { 
      $('#notes_signal').hide(); 
     } 
    }); 
} 

И называть его нагрузкой, с интервалом и по нажмите кнопку.

Answer 2

Я хотел бы использовать .get в вашем экземпляре

var load = $.get('getnumber.php'); 

Answer 3

Javascript является асинхронным, что означает, что

if(document.getElementById("notes_number..... будет работать до того

$("#notes_number").load("getnumber.php"); завершена.

Таким образом, вы должны использовать обратный вызов, как это:

$("#notes_number").load("getnumber.php",function(){ 
    if(document.getElementById("notes_number").innerHTML > 0){ 
     var elem = document.getElementById("notes_signal"); 
     elem.style.display = ""; 
     } 

     if(document.getElementById("notes_number").innerHTML == 0){ 
     var elem = document.getElementById("notes_signal"); 
     elem.style.display = "none"; 
     } 
    }); 

Кроме того, я не уверен, что это будет работать elem.style.display = "";

Попробуйте 'elem.style.display = "block"; вместо