Не удалось получить значение в ответ Ajax

Question

сервлета, который получает запрос -

 Gson gson = new Gson(); 
    JsonObject myObj = new JsonObject(); 
    LoginBean loginInfo = getInfo(userId,userPwd); 
    //System.out.println("00000000-----------"+loginInfo.userId); 
    JsonElement loginObj = gson.toJsonTree(loginInfo); 
    if(loginInfo.getUserId() == "GUEST!"){ 

     myObj.addProperty("success", false); 
    } 
    else { 

     myObj.addProperty("success", true); 
    } 
    myObj.add("login", loginObj); 
    System.out.println(":::::"+myObj.get("success")); 
    out.println(myObj.toString()); 
    out.close(); 

Вот файл JS -----

function loadScript(url, callback) 
{ 
var head = document.getElementsByTagName('head')[0]; 
var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = url; 
script.onreadystatechange = callback; 
script.onload = callback; 
head.appendChild(script); 
} 
    loadScript("js/json2.js", myJSCode); 
    var myJSCode = $(document).ready(function() { 

$("#loginForm").submit(function(e){ 
     e.preventDefault(); 
}); 


$("#login").click(function(e){ 


     dataString = $("#loginForm").serialize(); 


     var id = $("input#id").val(); 
     var pwd = $("input#pwd").val(); 
     dataString = "id=" + id + "&pwd="+pwd; 

     $.ajax({ 
      type: "POST", 
      url: "login", 
      data: { 
       id : id, 
       pwd : pwd 
      }, 

      dataType: "json", 


      success: function(data, textStatus, jqXHR) { 
       if(data.success){ 
        $("#ajaxResponse").html(""); 
        $("#ajaxResponse").append("<b>Welcome</b> " + data.login.id + "<br>"); 
        //alert("#ajaxResponse" + data.login.id); 
        alert(data['id']); 
        alert(data['pwd']); 

       } 

       else { 
        $("#ajaxResponse").html("<div><b>Login Credentials are invalid!</b></div>"); 
       } 
      } 
});  

Я получаю ajaxResponse если я иду с 1 элементом, то есть «id», но когда я попытался получить оба ответа, я получаю значение как неопределенное. Я попытался с data.login.id & данных [id], но не смог получить желаемый результат. Любая помощь будет оценена. Даже я пытался с JSON.Stringify().

Answer 1

 $.ajax({ 
       type: "POST", 
       url: "login", 
       data: { 
        id : id, 
        pwd : pwd 
       }, 
... 

Это данные передаются в AJAX не то же самое, что и данные в

success: function(data, textStatus, jqXHR) { 
        if(data.success){ 
... 

В этом успех обратного вызова данных ответа от сервера, и он имеет другую (или ту же структуру) на основе данные, которые сервер возвращает вам. если вы хотите вывести значение из АЯКС вызова, необходимо использовать только ID

$("#ajaxResponse").append("<b>Welcome</b> " + id + "<br>"); 

Я вижу, что вы пытаетесь использовать «data.login.id» вы можете проверить, что реальная структура данных в ответ ? добавьте console.log (данные) или поставьте точку останова, которая вызывает обратный вызов, или просто добавьте отладчик; кода, он остановит код в этой строке для вас без добавления точки останова.

Answer 2

Спасибо Алекс. Я дам вам +1 для линии

$("#ajaxResponse").append("<b>Welcome</b> " + id + "<br>"); 

Хотя это работает, когда я использую:

 data: { 

       id: $('#id').val(), 
       pwd: $('#pwd').val() 
      }, 

, не меняя свой код к этому линия не работает. Спасибо за предложение.