ASP.Net: Change DIV class based on JSON value returned by jQuery Ajax

Hi smcdevelopmen...,

Please refer below code sample.

HTML

<div class="stats-small__data">
    <span class="stats-small__percentage" id="SatisPrecent"></span>
</div>
<input type="button" onclick="ChangeClass()" value="Submit" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ChangeClass() {
        $.ajax({
            type: "POST",
            url: "Default.aspx/GetData",
            data: '{}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#SatisPrecent").removeClass();
                if (response.d == 1) {
                    $("#SatisPrecent").addClass("stats-small__percentage--decrease");
                } else {
                    $("#SatisPrecent").addClass("stats-small__percentage--increase");
                }
            }
        });
    }
</script>

Code

C#

[System.Web.Services.WebMethod]
public static int GetData()
{
    int num = 1;
    return num;
}

VB.Net

<System.Web.Services.WebMethod>
Public Shared Function GetData() As Integer
    Dim num As Integer = 1
    Return num
End Function