如何将json数据从一个JavaScript传递到另一个

Question

Guys here the first script is designed to take static .json files to display certain content and animate them. The code snippet is

     var self = this;
  $.getJSON('data/post_'+ index +'.json', function(d){
    self.postCache[index] = d;
    callback(d)

but I want to modify it to so it could take data from database. I got the data in the same format as it was in static json files and my question is how can I pass that data to this script so that it work as it should.

I am sending request using ajax

$(function () 
  {
    $.ajax({                                      
      url: 'api.php',                   
      data: "<?php echo $data?>",     
      dataType: 'json',                      
      success: function(data)          
      {
        //I really dont know what to write here :(
      } 
    });

  }); 

and the api.php file is getting data from database and I an encoding the data to json using json_encode

Answer 1

$.getJSON just calls $.ajax with some predefined values automatically set for you. This means, since you said the data is the same , that you can do exactly the same as you were doing previously.

1. Keep a reference to this
2. Make your async call

3. in the success function, save your reference and execute your callback

    var self = this; $.ajax({ url: 'api.php', data: "<?php echo $data?>", dataType: 'json', success: function(data) { self.postCache[index] = data; callback(data); } }); 

Answer 2

var self = this;
$.post('api.php',
    {"post_id": index},     
    success: function(d)          
    {
        self.postCache[index] = d;
        callback(d);
    });

see http://api.jquery.com/jquery.post/

In api.php do a SQL query where the post_id = $_POST['post_id'] then echo json_encode($database_row);