Как правильно называть мой отдых api от ajax javascript Клиент

Question

У меня есть REST API, и я хочу вызвать его из моего javascript-клиента ajax.

Я делаю звонок, и ничего не происходит. Мой мобильный браузер просто указывает «занят».

Ошибка не возвращается.

Это мой код позади:

[HttpPost] 
[Route("Services/Image/Validate")] 
public byte Validate(string KeyCode) 
{ 
    return 1; 
} 

это мой JavaScript клиент:

$("#btnValidate").click(function() { 
    try {    
     var url = "http://MY_DOMAIN_NAME/api/Services/Image/Validate"; 
     $.ajax({ 
      type: 'POST', 
      url: url, 
      data: '{ "KeyCode" : "' + $("#KeyCode").val() + '" }', 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json', 
      success: function (msg) { 
       $('#divStep1').hide(); 
       $('#divStep2').show(); 
      }, 
      fail: function (a) { 
       $("#error").html(objRequest); 
      } 
     }); 
    } 
    catch (ex) 
    { 
     $("#error").html(ex); 
    } 
    return false; 
}); 

Answer 1

Функция задвижка с сгенерирует ошибку только тогда, когда запрос HTTP не удается. Для того, чтобы знать wha'ts идет неправильно в стороне сервера код, который нужно использовать функцию error в Ajax запрос,

Вы также упомянули, что браузер не делает ничего, и это может произойти из-за

1. JQuery плагин не включен в страницу (проверьте консоль $ is not defined)
2. Добавьте JQuery плагин выше вашего JavaScript

3. Если на стороне сервера код находится на другом домене позволяют CORS

   $("#btnValidate").click(function() {  
   var url = "http://MY_DOMAIN_NAME/api/Services/Image/Validate"; 
   $.ajax({ 
       type: 'POST', 
       url: url, 
       data: '{ "KeyCode" : "' + $("#KeyCode").val() + '" }', 
       contentType: 'application/json; charset=utf-8', 
       dataType: 'json', 
       success: function (msg) { 
        $('#divStep1').hide(); 
        $('#divStep2').show(); 
       }, 
       error: function (e) { 
        console.log(e.responseText); //Acutal error 
        console.log(e); //Get the entire error details 
       } 
   }); 
   }); 
   

Answer 2

Параметры объекта, который вы отправляете $.Ajax() не ожидает, что параметр fail. Может быть, вы сбиваете с толку обещания?

В любом случае, это должно быть error.
например.

$("#btnValidate").click(function() { 
    try {    
     var url = "http://MY_DOMAIN_NAME/api/Services/Image/Validate"; 
     $.ajax({ 
      type: 'POST', 
      url: url, 
      data: '{ "KeyCode" : "' + $("#KeyCode").val() + '" }', 
      contentType: 'application/json; charset=utf-8', 
      dataType: 'json', 
      success: function (msg) { 
       $('#divStep1').hide(); 
       $('#divStep2').show(); 
      }, 
      error: function (jqXHR, textStatus, errorThrown) { 
       $("#error").html(textStatus); 
      } 
     }); 
    } 
    catch (ex) 
    { 
     $("#error").html(ex); 
    } 
    return false; 
}); 

Кроме того, я не уверен, что вы должны иметь data свойство в виде строки, но может быть, это, как вы хотите.

Вся документация на это HERE