jQuery Forum

1. $(document).ready(function() {
2.     $("#btnAdd").click(function() {
3. 
   
4.         function getData() {
5. 
   
6.             // get data
7.             $.ajax({
8.                 url: 'ajax/data.php',
9.                 type: "POST",
10.                 cache: false,
11.                 success: function(data) {
12.                     var newRow = $("<tr><td>hi</td><td>hi</td><td>hi</td><td>hi</td><td>hi</td></tr>");
13.                     $("#mainTable tbody").append(newRow);
14.                 }
15.             });
16.         }
17.     });
18. });​ 

-- Kevin

Truly, I am not even to the point where I am seeing if it will work, I am trying to figure out what $.ajax method does.  I dont really understand what the various url: data: cache: fields do.  Primarily the data:

I am trying to work off a website I found with this $.ajax method.  data: {w:imgId, l:img2Id}, this throws me off.

http://api.jquery.com/jQuery.ajax/

-- Kevin

What I need to do now is append to 2 rows based on a multi dimensional array, and hopefully write the code planning for the future when the array will be any length.  I need to get the jquery to handle the request, and I have been told my var newRow is a sloppy way of appending the data to the table.

1.  
2. $(document).ready(function() {
3. $("#btnAdd").click(function() {
4. 
   
5. // get data
6. $.ajax({
7. url: '/ajax/data.php',
8. type: "GET",
9. cache: false,
10. error: function(data) {
11. $("div#error").html('error: '+data);
12. },
13. success: function(data) {
14. var json = jQuery.parseJSON(data);
15. var newRow = $("<tr><td>"+json.icon+"</td><td>"+json.app+"</td><td>"+json.timestamp+"</td><td>"+json.location+"</td><td>"+json.comments+"</td></tr>");
16. $("#mainTable tbody").append(newRow);
17. }
18. });
19. });
20. });
22. 
    

here is my current array

here is what I would like to work with