Question

I’m trying to get some data from a PHP file which only gives a number after executing:

<?php
    include '../assets/class/login/loginsys.php';
    $extension = new extension;     
    $count = $extension->userCount();
    echo $count;        
?>

So the $count variable will be just a number. And I’m trying to retrieve that number and put it in a js variable for further use ( I need it a few times, if it were only once I would have used $.get() and applied it to the container I need ):

var oXHR = new XMLHttpRequest();  
oXHR.open("GET", "admin/user-count.php", true);  
oXHR.onreadystatechange = function (oEvent) {  
    if (oXHR.readyState === 4) {  
        if (oXHR.status === 200) {  
            console.log(oXHR.responseText)  
        } else {  
        console.log("Error", oXHR.statusText);  
        }  
    }  
}; 
oXHR.send();

I have tried the method above with little success, but I also tried it like this:

var users = $.get('admin/user-count.php', function(data) {
    console.log('There are '+data+' users found');
    return data;
});

The same result, nothing. So what am I doing wrong or how should I do it right ?

EDIT I have made a little mistake that I fixed now, the first method works as well as the second one. but now I need to store the data I get with the first method into a variable so I can use it later on. How do I do that and also which of the two methods is better ?

Answer 1

I would use the second code if you already have jQuery included:

$.get('admin/user-count.php', function(data)
{
  // Don't use "var" here, otherwise the variable won't be global!
  myGlobalVar = parseInt(data, 10);
  // Also possible: window["myGlobalVar"] = parseInt(data, 10);
});

If you want to use pure JavaScript:

var oXHR = new XMLHttpRequest();  
oXHR.open("GET", "admin/user-count.php", true);  
oXHR.onload = function(evt)
{
  myGlobalVar = parseInt(oXHR.responseText,10);
}
oXHR.onerror = function(evt)
{
  alert("Error!");
}
oXHR.send();