Оператор возврата вызывается перед вызовом ajax

Question

У меня есть специальный валидатор, чтобы проверить, является ли введенный номер уникальным или нет. Если номер не является уникальным, он должен возвращать значение false.

Javascript код выглядит так:

function ValidatePAuthNo(sender, args) { 

     //args.IsValid = true; 

     var PAuthNo = $('[id$=tbPriorAuthNumber]').val(); 

     $.ajax({ 
      type: "POST", 
      url: "MedicaidPriorAuth.aspx/IsPAuthUnique", 
      data: JSON.stringify({ pAuthNo: PAuthNo }), 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      async: true, 
      error: function (response) { 
       alert(" An error occurred." + response.error); 
      }, 
      success: function (data) { 
       if (data.d == false) { 
        //alert("P. Auth# already exists! Please enter new P. Auth #."); 
        $("[id$=lblError]").val("P. Auth# already exists! Please enter new P. Auth #."); 
        args.isValid = false; 
       } else { 
        $("[id$=lblError]").val(""); 
        args.isValid = true; 
       } 

      } 
     }); 


     return args.IsValid; 
    } 

Мой веб-метод возвращает правильное значение, однако, проблема заключается в том, что возвращение args.IsValid вызывается перед методом AJAX. Я здесь что-то не так? Если мой подход ошибочен, какой может быть правильный подход для этого с клиентской стороны?

Answer 1

Метод ajax - это асинхронный вызов, это означает, что он отправляет запрос серверу, и сервер возвращает его в свое время. В то же время выполнение потока (javascript) продолжается. Это означает, что вы не можете вернуть ответ из вызова ajax, потому что возврат будет происходить до получения ответа от сервера.

Решение является методом обратного вызова. Вы можете сделать это с помощью jquery-обещаний, но для простоты приведенный ниже пример просто использует javascrpt. https://api.jquery.com/promise/

Кроме того, это очень легко найти вопрос, вы должны попытаться найти ответы, прежде чем отправлять новый вопрос

function ValidatePAuthNo(sender, args, callback) { // call back is a function you pass as an argument 

    //args.IsValid = true; 

    var PAuthNo = $('[id$=tbPriorAuthNumber]').val(); 

    $.ajax({ 
     type: "POST", 
     url: "MedicaidPriorAuth.aspx/IsPAuthUnique", 
     data: JSON.stringify({ pAuthNo: PAuthNo }), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: true, 
     error: function (response) { 
      alert(" An error occurred." + response.error); 
     }, 
     success: function (data) { 
      if (data.d == false) { 
       //alert("P. Auth# already exists! Please enter new P. Auth #."); 
       $("[id$=lblError]").val("P. Auth# already exists! Please enter new P. Auth #."); 
       args.isValid = false; 
      } else { 
       $("[id$=lblError]").val(""); 
       args.isValid = true; 
      } 
      callback(args.isValid); 
     } 
    }); 
}