how to compare the result of success function of ajax with a string

Question

 $.ajax({
        type:       "post",
        url:        "test.jsp",
        data:           "user="+name.val(),
        success:    function(msg) {

            $('#result').hide();

            $("#result").html(msg)
            .fadeIn("slow"); 
                              if( msg =="available")
                                 {

                                      alert(msg);
                            }


        }
    });

test.jsp
   <h1>
    <%
    String user=request.getParameter("user");
    if(user.equals("prerna"))
    out.print("available");
    else
        out.print("not available");
    %>
   </h1>

i want to compare the value returned by success function to be compared with a string but the above code is not working i also want to add the css class to the "#result" id. the alert box is not comming.

Answer 1

Something there is a blank space. With $.trim() function you can delete all blank spaces. It works!!!

$.ajax({
type: "GET",
url: url,
success: function(data) {
    var result = $.trim(data);
    if(result==="available"){
        alert("available");
    return false;
    }
    }
});

Answer 2

$.ajax({
    dataType: "text",
    url : 'saveDeviceLike.php',
    success : function(data){
        var reply = data.replace(/\s+/, ""); //remove any trailing white spaces from returned string
        if (reply == 'success')
        $('#pleaseWait').html('Your have successfully registered for this competition.<br/>You will be contacted via mail.');
        if (reply == 'registered')
        $('#pleaseWait').html('You have already been registered for the competition!');
        if (reply == 'failed')
        $('#pleaseWait').html('Your registration cannot be completed now.<br/>Please try again later.');

}

//Make sure you use the replace function to strip of any extra spaces

Answer 3

The primary problem in ajax comparison is unwanted space:

var result = $.trim(data);