All geek questions in one place

JSON response opens as a file, but I cannot access it using JavaScript

In the code below, I am making a POST request to a servlet that responds as follows:

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

So, Firefox opens it as a file, and I see that everything is in order. Here you have the JSON:

 {success:true,sessionUid:"D07WC15R7LFRFRGPF4P5"}

The problem is that I cannot validate the JSON object. It doesn't seem to exist inside my callback function (also using Firebug). Take a look at the code and warnings.

 <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>

EDIT: I also tried to do the same with an AJAX request without success:

 $("#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
source share
2 answers

I think you confused ajax with submit. submit is just an event when the form is submitted do the following. then you can

  $("#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, eg ?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; });
0
source

This is not valid JSON:

 {success:true,sessionUid:"D07WC15R7LFRFRGPF4P5"}

This is valid JSON:

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

In JSON, keys must always be specified. See DEMO .

+3
source

Source: https://habr.com/ru/post/1342400/

More articles:


All Articles