CHANGE CSS IN JQUERY AJAX WITH ASP.NET

Goti Bandu

Total Post:119

Points:835
Posted by  Goti Bandu
 1088  View(s)
Ratings:
Rate this:

I wolud like to get results: 2222 .but i can not get the results now.Output '3333' always. can anyone help me out ?thank you very much!

<head runat="server">

<title></title>

<script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

    $(function () {

        $("#Button1").click(function () {

            checkCard('333');

            var arrlist = $("span[class='error']");

            if (arrlist.length > 0) {

                alert('2222')

            }

            else {

                alert('3333');

            }

        });

    })

    function checkCard(card_no) {

        $.ajax({

            type: "GET",

            url: "CheckCard.ashx?card_no=" + card_no,

            success: function (data) {

                if (data == "true") {

                    $("#sw").addClass("error");

                }

                else {

                    $("#sw").removeClass("error");

                }

            }

        });

    }

 </script>

</head>

<body>

 <form id="form1" runat="server">

 <div>

    <span id="sw"></span>

</div>

</form>

    <input id="Button1" type="button" value="button" />

</body>

CheckCard.ashx:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Data.SqlClient;

namespace SwipeCard

{

/// <summary>

/// Summary description for CheckCard

/// </summary>

public class CheckCard : IHttpHandler

{

    public void ProcessRequest(HttpContext context)

    {

        context.Response.ContentType = "text/html";

        context.Response.Write("true");

        context.Response.End();

    }

    public bool IsReusable

    {

        get

        {

            return false;

        }

    }

}

}

I wolud like to get results: 2222 .but i can not get the results now.Output '3333' always. can anyone help me out ?

thank you 

  1. Sumit Kesarwani

    Post:378

    Points:2694
    Re: Change css in jquery ajax with asp.net

    Hi Goti, 


    $.ajax is asynchronous. Your style check immediately follows the call, and thus there is no guarantee that the operation has completed. Put the check in the success callback.

    function checkCard(card_no) {

        $.ajax({

            type: "GET",

            url: "CheckCard.ashx?card_no=" + card_no,

            success: function (data) {

                if (data == "true") {

                    alert("Condition 1 exists");

                    $("#sw").addClass("error");

                }

                else {

                    alert("Condition 2 exists");

                    $("#sw").removeClass("error");

                }

            }

        });

    }

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!