Get json array from php to javascript with $.getJSON()

Question

I have application.php page where json array is echoed with php. On the client i want to get the json array with $.getJSON() on button click when form is submitted(submitHandler). The problem is that if I run alert() or console.log() in $.getJSON() nothing happens(i only see GET execution in console).

Code:

$.getJSON('../views/application.php', function(data) {
     alert('alert1');
     if(data) {
         document.write(data.resp);
         alert('alert2');
     }
     else {
         alert('error');
     }
 });

GET http://localhost/app/views/application.php

The point of using session variables is that they are not visible to client side? — Erik
– Erik, Commented Jan 30, 2014 at 9:55
I don't think you're using ajax in the way the you should be? If you execute your first "post" and php generates a result, you need to have PHP "echo" that result so that it can be read as the ajax response, then you can use that value in your second ajax request. Is this not how you're doing it? — niaccurshi
– niaccurshi, Commented Jan 30, 2014 at 9:56
where do you want to store the data ? local-storage adding to Mihai lorga comment — Mayank K. Swami
– Mayank K. Swami, Commented Jan 30, 2014 at 9:56
your question is vague ..could you clarify what you are trying to do ? — Mayank K. Swami
– Mayank K. Swami, Commented Jan 30, 2014 at 9:57

Swapnil · Accepted Answer · 2014-01-30 09:55:52Z

1

you can use var temp in your script and store your data inside that variable.

 var x;

   <script type="text/javascript">
      x='<?php echo $comparisonResult; ?>';
   </script>

answered Jan 30, 2014 at 9:55

Swapnil

6547 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Johan · Accepted Answer · 2014-01-30 09:59:03Z

1

Sounds like a use case for sessionStorage or cookies.

Use sessionstorage if you don't need to support IE7.

answered Jan 30, 2014 at 9:59

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Comments

Anthony Garcia-Labiad · Accepted Answer · 2014-01-30 16:33:55Z

0

I think the best way is to return the needed server data in the response of your first post request, just like this :

  $.post( "/first.php", function( serverData ) {
     var param = serverData.something;
     ...
     $.post( "/second.php", param, function( data ) {
        ...
     });
  });

If you are using the two request in two different pages, you can store serverData in localStorage.

Edit after your clarification:

If you need to get data before ajax post when you click on a button, you can do this way :

$("#second-button").click(function() {
   $.getJSON("/data.php", function (serverData) {
      var param = serverData.something;
      $.post("/second.php", param, function(data) {
         ...
      });
   }
});

Edit 2

For some reason (wrong url, invalid json, and so on) your $.getJSON fail.

Try this for debug:

$.getJSON("/data.php", function (serverData) {
   console.log(serverData);
}).fail(function(j, t, e) {
   console.error(e);
});

edited Jan 30, 2014 at 16:33

answered Jan 30, 2014 at 10:14

Anthony Garcia-Labiad

3,7511 gold badge28 silver badges33 bronze badges

2 Comments

Erik Over a year ago

Now i see json array on my page which is echoed in php script. I tryied to get the json data with $.getJSON(), but nothing happend. Do you have any idea what i am doing wrong?

Anthony Garcia-Labiad Over a year ago

What do you mean by nothing happened, did you get an error, or serverData is empty? It's difficult to give you relevant advice without see the complete code. Could you edit your question and add what you tried?

Collectives™ on Stack Overflow

Get json array from php to javascript with $.getJSON()

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related