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

 $.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.

---

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;
    }
    }
});

---

$.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

---

The primary problem in ajax comparison is unwanted space:

var result = $.trim(data);

---

You should not print HTML <h1> element around the ajax response in JSP. Get rid of it. You need to ensure that you have nothing before <% and after %> in JSP, even no whitespace/newlines. JSP would emit them anyway. Actually, a JSP is the wrong tool for the job. A servlet is a better suit for the job.

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String user = request.getParameter("user");
    String message = "not available";

    if ("prerna".equals(user)) {
        message = "available";
    }
    
    response.setContentType("text/plain");
    response.setCharacterEncoding("UTF-8");
    response.getWriter().write(message);
}

This will work fine with jQuery dataType: text. Even more, it's not strictly required to set the data type here.

Related questions:

• Update current page with a Servlet

---

Set the dataType to 'text'. If that doesn't work, then make sure that 'available' really is the only thing being returned, with no line endings or spaces or anything.

---

You have to set the data type for ajax response, for example:

// text

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

        $("#result")
            .hide();
            .html(msg)
            .fadeIn("slow"); 

        if(msg == "available") {
            alert("is available");
        }

    }
 });

// json

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

        $("#result")
            .hide();
            .html(data.msg)
            .fadeIn("slow"); 

        if(data.msg == "available") {
            alert("is available");
        }

    }
 });

Specifying the Data Type for AJAX Requests
doc jQuery.Ajax

EDIT

try this options:

// text

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

        $("#result")
            .hide();
            .html(msg)
            .fadeIn("slow"); 

        if(msg.indexOf("not available") > -1) {
            alert("not available");
        }
        else if(msg.indexOf("available") > -1) {
            alert("available");
        }


    }
 });

// html

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

        $("#result")
            .hide();
            .html(data)
            .fadeIn("slow"); 

        if($(data).filter(":contains(not available)").length > 0) {
            alert("not available");
        }
        else if($(data).filter(":contains(available)").length > 0) {
            alert("available");
        }

    }
 });

Ideally, your file "test.jsp" was as follows:

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

out.flush(); // Send out whatever hasn't been sent out yet.
out.close(); // Close the stream. Future calls will fail.
return; // Return from the JSP servelet handler.

%>

the end is based on this link

---

                    success:function(response){

                    if(response=="yes")
                            {
                                    myFunction();
                            }else{

                                myFunctionn();
                            }

                }