jQuery Datatable add CSS to cell after update Part 2

Question

This is a follow-up to a previous question.

What I need to do is color the cell only after the process successfully updates the record.

$('#example1').on('blur', 'tr > td > .editForecast', function(e) 
{
  e.preventDefault();
  var forecastnewval = $(this).val();
  var processData = '';

  if(this.value !== $(this).attr('value'))
  {
    $.post('api/inlineEditProcess.php', {forecastnewval:forecastnewval}, function(data)
    {
     processData = data; // this is what I'm trying to get now
     console.log('this is inside ' + processData); // this prints processData
    }

    console.log('this is outside ' + processData); // this does not print processData

    $(this).css('background-color', '#99FF66'); // this changes the background color of the cell
  }
  else
  {
    console.log('nothing changed');
  }
});

If you'll notice in the code above, I'm trying to retrieve the variable processData from inside the $.POST and use it in another IF/ELSE statement.

The variable processData will be a string that either reads 'success' or 'fail'. This obviously comes from a PHP process script that runs an UPDATE query, which then returns the words specified.

I want to utilize processData in an IF/ELSE that will change the background color of the cell either to green (for success) or red (for fail).

I simply want to retrieve the variable that was created from within the $.POST.

Can I do this, and if so, how?

if you declare the variable processData outside the post function, it should work. You are probably going to print undefined right now because you declared the variable inside the function's scope — Gab
– Gab, Commented Jan 22, 2018 at 15:48

DreamTeK · Accepted Answer · 2018-01-22 16:03:50Z

2

Your variable processData is enclosed within a function so will return null when evaluated outside of it.

$('#example1').on('blur', 'tr > td > .editForecast', function(e) {
  e.preventDefault();
  var forecastnewval = $(this).val();
  var processData = "";

  if (this.value !== $(this).attr('value')) {
    $.post('api/inlineEditProcess.php', {
      forecastnewval: forecastnewval
    }, function(data) {
      processData = data; // this is what I'm trying to get now
    });

    console.log(processData); // this does not print processData

    $(this).css('background-color', '#99FF66'); // this changes the background color of the cell
  } else {
    console.log('nothing changed');
  }
});

edited Jan 22, 2018 at 16:03

answered Jan 22, 2018 at 15:51

DreamTeK

34.6k30 gold badges127 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

John Beasley Over a year ago

I updated my code. Please see the console.logs - I am only able to print processData from inside the Post. I cannot access it outside of the post. Thoughts?

DreamTeK Over a year ago

Yes, the post function was not closed correctly. Ammended in my answer.

Collectives™ on Stack Overflow

jQuery Datatable add CSS to cell after update Part 2

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related