ParseInt not working on Jquery ajax response

Question

Hey,

I am having a peculiar problem with getting an integer from an ajax response. Whenever I call the following code, parseInt(data) returns NaN despite data being a string.

function poll() {
    $.ajax({
      type: "GET",
      dataType: "html",
      url: 'images/normal/' + userId + '/' + saveCode + 'progress.txt',
      error: function() {poll();},
      success: function(data) {
        // Change the text
        $('#loading_text').html(data + '% complete');
        // Change the loading bar
        max = 357;
        current_percent = parseInt(data); // returns NaN
        $('loading_bar').width(Math.round(max * (current_percent / 100)));
        // Call the poll again in 2 seconds
        if (loaded != true)
            {
            setTimeout( poll, 2000);
            }
      }
    });
}

In firebug, typeof(data) is string and data = "89" (or another number from 1-100) yet it still isn't working. Any clues?

Answer 1

Try browsing every character of the string programmatically, perhaps there's an unprintable character that's preventing the parseInt to execute.

Answer 2

Are you sure the data is exactly "89"? If the first non-whitespace character in the string can't be converted to a number, parseInt() returns NaN.

Also, it's a good practice to specify the radix with parseInt, to force the conversion that you're looking for. Try parseInt(data, 10).

Answer 3

data="89"
typeof(data) //is string
typeof(+data) //is number

So you can also give it a try with Plus + sign, instead of using parseInt

A different with + sign and parseInt as far as I know is when you parse blank or whitespace strings, parseInt return NaN, and + returns 0