Ответ JSON открывается в виде файла, но я не могу получить к нему доступ с помощью JavaScript - PullRequest
2 голосов
/ 03 марта 2011

В приведенном ниже коде я делаю POST запрос к сервлету, который отвечает следующим образом:

response.setContentType("application/json");
json = "{success:true,sessionUid:\""+sessionUid+"\"}";
response.getWriter().write(json);

Итак, Firefox открывает его как файл, и я вижу, что все в порядке. Здесь у вас есть JSON:

{success:true,sessionUid:"D07WC15R7LFRFRGPF4P5"}

Проблема в том, что я не могу проверить объект JSON. Кажется, он не существует внутри моей функции обратного вызова (также использующей Firebug). Посмотрите на код и оповещения.

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#loginForm").submit(function(response){
alert("response="+response);    //output: "response=[object Object]"
                    var obj = jQuery.parseJSON(response);
alert("obj.sessionUid="+obj.sessionUid);    //doesn't work, Firebug says "obj is null"
                    if (response.success == true){ //never true
                        document.location.href = 'http://localhost:8080/QuoteroClient/logged.jsp';
                    }else{
                        alert("Something went wrong in the login process.");
                    }
                    return false;
                });
            });
        </script>
    </head>
    <body>
        <form id="loginForm" action="http://localhost:8080/QuoteroClient/Main?servlet=Security" method="post">
            <fieldset><legend>Login to Quotero:</legend>
                <label>Action:</label><input type="text" name="action" value="login"/><br />
                <label>Username:</label><input type="text" name="login-quotero" value="admin"/><br />
                <label>Password:</label><input type="text" name="password-quotero" value="admin" /><br />
                <label>Domain:</label><input type="text" name="combo-domain" value="Quotero" /><br />
            </fieldset>
            <input type="submit" value="Submit" />
        </form>
    </body>
</html>

РЕДАКТИРОВАТЬ: Я также пытался сделать то же самое с запросом AJAX, без успеха:

$("#ajaxSubmit").click(function () {
  $.ajax({
    type: "GET", //GET or POST is the same for this servlet
    url: "http://localhost:8080/QuoteroClient/Main?servlet=Security&action=login&login-quotero=admin&password-quotero=admin&combo-domain=Quotero",
    dataType: "json",
    success: function (response) {
alert("response=" + response);
      var obj = jQuery.parseJSON("" + response);
alert("obj.sessionUid=" + obj.sessionUid);
      if (response.success == true) {
        document.location.href = contextPath + 'http://localhost:8080/QuoteroClient/logged.jsp';
      } else {
        alert("Something went wrong in the login process.");
      }
    }
  });
  return false;
});

Ответы [ 2 ]

3 голосов
/ 03 марта 2011

Это недопустимый JSON:

{success:true,sessionUid:"D07WC15R7LFRFRGPF4P5"}

Это допустимый JSON:

{"success":true,"sessionUid":"D07WC15R7LFRFRGPF4P5"}

В JSON ключи всегда должны заключаться в кавычки.См. ДЕМО .

0 голосов
/ 03 марта 2011

Я думаю, что вы перепутали ajax с submit. Отправить это просто событие, когда форма отправлена, выполните следующие действия. тогда вы можете

 $("#loginForm").submit(function(){
     var post_data = $(this).serialize();
     $.ajax({
        url: '',//url of the php file that handles the forms
        type: 'GET',
        dataType:'json',
        data:post_data,//this are the query strings, e.g. ?q=blabla&s=blabla
        success:function (data){//if page was 200 or successfully loaded
             alert(data.sessionUid);
             // do what ever you wish with the data here
        },
        error: function (){
            alert('Page failed to load');
        }
     })
     return false;
 });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...