use $.ajax() response for if else statement

Question

I just can't get it to work that I'm using the response of an ajax call in an if/else statement. If I output the response in console.log() it shows that it is correctly set, but the simple if/else statement just doesn't work.

function check_foo() {
dataString = {action: 'do_this'};

$.ajax({
    type: "POST",
    url: "ajax.php",
    data: dataString,
    success: function(foo) {
        console.log('foo='+foo); // output: foo=ok

        if (foo=="ok") { // should be true, but isn't
           console.log('foo='+foo+' -> OK');
        } else { // instead this gets output
           console.log('foo='+foo+' -> FAIL'); // output: foo=ok -> FAIL
        }
    }
});
}

check_foo();

ajax.php:

echo 'ok'; // This is the result of the call

so foo is correctly set as 'ok' (as shown in console.log), but the if/else doesn't seem to recognize it...

Any help would be very much appreciated!

Are you sure there is no additional space in the response ? Did you try to trim it ? — Denys Séguret
– Denys Séguret, Commented Jul 5, 2013 at 13:01
You are sure that there is no more than just 'ok' in the data. — putvande
– putvande, Commented Jul 5, 2013 at 13:01

Rakesh Sharma · Accepted Answer · 2013-07-05 13:20:16Z

4

@johan comment is perfect answer for you i have tried it like:- use trim() function.js:-

function check_foo() {
dataString = {action: 'do_this'};

jQuery.ajax({
    type: "POST",
    url: "response.php",
    data: dataString,
    success: function(foo) {

        if (jQuery.trim(foo) == "ok") { 
           alert(foo);
        } else { 
          alert('jgjhg');
        }
    }
});
}

now ajax.php:-

if($_REQUEST['action'] == 'do_this') {
echo 'ok';
}

answered Jul 5, 2013 at 13:20

Rakesh Sharma

13.7k5 gold badges41 silver badges44 bronze badges

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

2 Comments

000 Over a year ago

Perfect, minus the alert statements. For everyone's sanity, learn to use console.log.

Martin Muehl Over a year ago

That was it - thanks a lot! I just don't know why - console.log('foo=*'+foo+'*'); shows me there are no additional spaces

ahPo · Accepted Answer · 2013-07-05 13:48:27Z

Tried with this code

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Stack Tester</title>
  <script src=jquery.min.js type="text/javascript"></script>
  <script type="text/javascript">
     //<![CDATA[
        function check_foo() {
            dataString = {action: 'do_this'};
            $.ajax({
                type: "POST",
                url: "ajax.php",
                data: dataString,
                success: function(foo) {
                    console.log('foo='+foo); // output: foo=ok
                    if (foo=="ok") { // should be true, but isn't
                        console.log('foo='+foo+' -> OK');
                    } else { // instead this gets output
                        console.log('foo='+foo+' -> FAIL'); // output: foo=ok -> FAIL
                    }
                }
            });
        }
     //]]>
  </script>
</head>
<body>
  <script type="text/javascript">
      //<![CDATA[
        check_foo();
      //]]>
  </script>   
</body>
</html>

with ajax.php

<?php
echo 'ok';

and it worked fine.

version of jquery.min.js is 1.7.1

Collectives™ on Stack Overflow

use $.ajax() response for if else statement

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related