PHP loop through jquery loop

Question

I have this simple jQuery function:

$(document).ready(function () {
    var books = {};
    books.id = '1';
    books.author = 'Bob';

    $.post('/index.php',
    {
       books: books
    },
    function(data, textStatus)
    {
       alert(data);  
    });
});

And this index PHP script:

<?php

  foreach($_POST['books'] AS $key) {
       echo ''.$key['id'].' is written by '.$key['author'].'';
  }

?>

I want to loop through the jQuery array and display the id and author of each key in the array. I don't know the correct way to access the values in the array. It seems I'm doing it wrong.

you're passing a single object in books, not an array. you should also use json_decode in the php to parse the data into an php object — asiviero
– asiviero, Commented Sep 30, 2014 at 17:54
var books = [{id:1, author: 'Bob'}, {id:2, author: 'Bill'}] — adeneo
– adeneo, Commented Sep 30, 2014 at 18:04

tftd · Accepted Answer · 2014-09-30 18:49:45Z

2

You have misunderstood the difference between {} and [] in JavaScript:

{} is an object
[] is an array

In your case you should pass an array of book objects for this to work in your php script. Example:

var books = [
    {
        id: 1,
        name: "The Da Vinci Code",
        author: "Dan Brown"
    },
    {
        id: 1,
        name: "Gray Mountain: A Novel",
        author: "John Grisham"
    }
]

To add more elements to the array after it has been initialized, you can simply use push:

books.push({id: 3, name: "Avatar", author: "Lisa Fitzpatrick"});

Will output:

1 is written by Dan Brown
2 is written by John Grisham 
3 is written by Lisa Fitzpatrick

edited Sep 30, 2014 at 18:49

answered Sep 30, 2014 at 18:14

tftd

17.2k11 gold badges67 silver badges117 bronze badges

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

1 Comment

Michael Samuel Over a year ago

hey mate :) How can i push more elements to this array after it has been initiated?

Collectives™ on Stack Overflow

PHP loop through jquery loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related