How to get the ajax response value/string and use it on the if condition?

Question

How to get success ajax response value/string and use it on the if condition?

php will echo "valid" if success, else it will echo "invalid".

$("#submit-login").click(function () {

    var email = $('#mailInput2').val();
    var pass = $('#passInput2').val();

    $.ajax({
        url: 'func_login.php',
        data: 'login_email='+email+'&login_password='+pass,
        type: 'POST',
        success: function(data) {
           alert(data); //alert show 'valid'
           $('#test').html(data); //working, #test show 'valid'
           if(data == "valid"){
                $('#test').html(data); //not working when this inside 'if'
           }
           //I also tried
           //if(data['valid']){}
           //if(data === "valid"){}
           //if(data == 'valid'){}
           //if(data.content == 'valid'){}
        },
        error: function(xhr, textStatus, error){
          console.log(xhr.statusText);
          console.log(textStatus);
          console.log(error);
      }

     });
});

Answer 1

Try:

if(data.trim() == "valid"){
    $('#test').html(data);
}

data probably has some whitespace or newlines in the string so get rid of those.

---

Additionally, your comment says //alert show 'valid' so if single quotes are literally part of the string then you need:

if(data.trim() == "'valid'"){

---

In the future you can:

alert(data.length);

and if the length is not 5 then you know something is wrong.