Служба AJAX POST для RESTful

Question

У меня есть форма входа в систему, и я хочу опубликовать входные значения в веб-службу RESTful, а затем правильные учетные данные. Я показываю элементы и скрываю форму, но если они неверны, появляется сообщение об ошибке.

Я хочу сделать это через AJAX, но я нахожусь на камне преткновения, так как все, что я возвращаю, является предупреждающим полем с неопределенным внутри. Любая помощь будет принята с благодарностью.

<div class="cp_LoginPanel fade-in form"> 
      <div class="in"> 
       <h1>Login</h1> 
       <form name="login-form" id="login-form" method="post"> 
       <label id="error">Sorry it seems your credentials are incorrect</label> 
       <div class="inputBlock"> 
        <label for="username">Username</label> 
        <input type="text" id="username" /> 
       </div> 
       <div class="inputBlock"> 
        <label for="password">Password</label> 
        <input type="password" id="password" /> 
       </div> 
       <input type="submit" value="Login" id="submit" /> 
       </form> 
      </div> 
      </div> 

$(document).ready(function() { 
      var username = $("#username").val(); 
      var password = $("#password").val(); 
      $("#submit").click(function() { 
       $.ajax({ 
        type: 'POST', 
        url: "Service Here", 
        dataType: JSON, 
        data: { 
         "username": username, 
         "password": password 
        }, 
        success: function (data) { 
         alert("success"); 
        }, 
        error: function (e) { 
         alert(e.Message) 
        } 
       }); 
      }); 
     }); 

Answer 1

Не то, чтобы это был ответ на вашу проблему. Но я предполагаю, что вы получите ошибку, и поэтому попробуйте использовать правильные параметры ошибки, чтобы получить дополнительную информацию о вашей ошибке.

Функция ошибки вызывается, если запрос завершается с ошибкой. Эти функции получают 3 параметра.

• Объект jqXHR
• Строка, описывающая тип ошибки, которая произошла
• Дополнительный объект исключения, если один произошел

Попробуйте использовать следующий код, чтобы распечатать вашей ошибки Правильный путь. Посмотрите на примере ниже:

error: function(jqXHR, textStatus, errorThrown) { 
    console.log('What is my error ' + textStatus); 
    console.log('Is an exception thrown ?? ' + errorThrown) 
} 

Надеется, что вы получите больше информации о вашей ошибке :)

PS. Вы также можете посмотреть ответ в этом вопросе. Это оправдывает ту же проблему, что и ваша :) jQuery Ajax - how to get response data in error