使用Ajax调用进行验证不起作用

Question

I am new to Ajax and Jquery.I have a form where there is a DepositAccountNumberId text box and its value is stored in a Hidden Field for Validation.

OnBlur event of DepositAccountNumberId TextBox should give a bootbox alert ("This Account Number has been Suspended") . I have posted the code below:

Javascript Function to CheckAccountSuspension()

 var exist = true; function checkAccountSuspension() { var accountNumberId = $('#DepositAccountNumberIdHiddenField').val(); // alert(accountNumberId); if (accountNumberId == "") { // } else { try { var url = '/WebMethods/AccountDetails.asmx/IsAccountSuspended'; var d = { accountNumberId: accountNumberId }; //var jqXhr = $.post(url, d); //jqXhr.done(function(data) { $.post(url, d, function (data) { if (data) { var ret = data.d; if (ret) { $('#DepositAccountNumberIdHiddenField').val(accountNumberId); exist = true; } else { $('#DepositAccountNumberIdHiddenField').val(''); bootbox.alert("This Account Has been Suspended"); exist = false; } } }).fail(function() { $('#DepositAccountNumberIdHiddenField').val(''); }); } catch (e) { bootbox.alert('Error: ' + e); } } 

Web Method

  [WebMethod(EnableSession = true)]
    public bool IsAccountSuspended(string accountNumberId)
    {
        int officeId = OfficeId;
        return BusinessLayer.Transactions.Transactions.IsAccountSuspended(officeId, accountNumberId.ToLong());
    }

IsAccountSuspended in Business Layer

public static bool IsAccountSuspended(int officeId, long accountNumberId)
    {
        if (accountNumberId <= 0)
        {
            return false;
        }
        return DatabaseLayer.Transactions.Transactions.IsAccountSuspended(officeId,accountNumberId);
    }

IsAccountSuspended in Database Layer

public static bool IsAccountSuspended(int officeId, long accountNumberId)
    {

        if (accountNumberId <= 0)
        {
            return false;
        }

        var sql = "SELECT * FROM deposit.is_suspended(@AccountNumberId::bigint);";
        using (var command = new NpgsqlCommand(sql))
        {
            command.Parameters.AddWithValue("@AccountNumberId", accountNumberId);
            using (var table = DBOperations.GetDataTable(command))
            {
                if (table.Rows.Count >= 1)
                {
                    return true;
                }
                return false;
            }
        }


    }

The Validation does not work.The ajax is not called to check if the account is suspended.Help Please.

Answer 1

Try to use $.post method:

var exist = true;

function checkAccountSuspension() {
    var accountNumberId = $('#DepositAccountNumberIdHiddenField').val();

    //  alert(accountNumberId);
    if (accountNumberId == "") {
        //
    } else {
        try {
            var url = '/WebMethods/AccountDetails.asmx/IsAccountSuspended';

            var d = {accountNumberId: accountNumberId};
            var jqXhr = $.post(url, d);
            jqXhr.done(function (data) {
                if (data) {
                    var ret = data.d;
                    if (ret) {
                        $('#DepositAccountNumberIdHiddenField').val(accountNumberId);
                        exist = true;
                    } else {
                        $('#DepositAccountNumberIdHiddenField').val('');
                        bootbox.alert("This Account Has been Suspended");
                        exist = false;
                    }
                }

            }).fail(function () {
                $('#DepositAccountNumberIdHiddenField').val('');
            });

        } catch (e) {
            bootbox.alert('Error: ' + e);
        }
    }
}


$('#DepositAccountNumberTextBox').on('blur', function () {
    checkAccountSuspension();
});

Answer 2

There is no such method like ajaxPost in JQuery. Use $.Post at its place.

try {
       var url = '/WebMethods/AccountDetails.asmx/IsAccountSuspended';
       var d = { accountNumberId: accountNumberId };
       $.post(url,d,function(data){
          if (data) {
             var ret = data.d;
             if (ret) {
                $('#DepositAccountNumberIdHiddenField').val(accountNumberId);
                exist = true;
             }
             else {
                $('#DepositAccountNumberIdHiddenField').val('');
                bootbox.alert("This Account Has been Suspended");
                exist = false;
             }
          }
      }).error(function() { 
          $('#DepositAccountNumberIdHiddenField').val('');
      })
    } 
    catch (e) {
        bootbox.alert('Error: ' + e);
    }

Answer 3

This is How it worked.

Like some of the experts above said about the use of postAjax and $.post. As everywhere in the project it was used as postAjax by previous developers here. I was actually passing a null value again in the hidden field. This code worked.

  var exist = true; function checkAccountSuspension() { var accountNumberId = $('#DepositAccountNumberIdHiddenField').val(); if (accountNumberId == "") { // } else { try { var url = '/WebMethods/AccountDetails.asmx/IsAccountSuspended'; var d = { accountNumberId: accountNumberId }; //$.post(url, d, function (data) { var jqXhr = ajaxPost(url, d, true); jqXhr.done(function (data) { var ret = data.d; if (!ret) { $('#DepositAccountNumberIdHiddenField').val(accountNumberId); exist = true; } else { //$('#DepositAccountNumberIdHiddenField').val(''); // bootbox.alert("<b class='text-red'>Suspended Account</b> <br/>This Account has been Suspended."); swal({ title: "Suspended Account!", text: "This Account is Suspended", type: "error", confirmButtonText: "OK", imageSize: "20x20" }); exist = false; resetAllInputs(); } }).fail(function (ex) { bootbox.alert("Requested process fail to execute"); //$('#DepositAccountNumberIdHiddenField').val(''); }); } catch (e) { bootbox.alert('Error: ' + e); } } }