Question

How can I send multiple values to be picked up like this using JSON?

foreach($_POST['listItem'] as $key => $values){

    list($eventDate, $eventTitle) = $values;

}

At the moment the values are sent as follows. But this doesn’t appear to work properly as it is only sending some of the string. I also can’t figure out where/how to send the caltitle value.

This is sending me crazy. Any help would be great.

var txt = $("#listbox");

            var caltitle = copiedEventObject.title

            var dtstart = $.fullCalendar.formatDate(copiedEventObject.start, 'yyyyMMdd');

            var txt = $('#listbox');     
            txt.append("<li class ='listItem'> " + dtstart + "</li>")

            // remove the element from the "Draggable Events" list
            $(this).remove();           

        }
    });


        $('#calendarform').submit(function(e) {
            var form = $(this);
            var listItems = $('.listItem'); 
            listItems.each(function(index){   //For each event do this:
                var listItem = $(this);
                    $("<input type='hidden'/>").val(listItem.text()).appendTo(form).attr('name', 'listItem[' + index + ']');
                });

            //Get text information from elements

        });

EDIT:

(using JSON)

  $('#calendarform').submit(function(e) {
            var form = $(this);

            var going_to_be_json = [];
            list.each(function(i, item) {
              going_to_be_json.push({
                 'id':'test',
                 'title': 'test'
              });
            });

            $('#stuff').val( JSON.stringify(going_to_be_json) );

     });

Answer 1

Prepare the data into an array of objects then convert that array to JSON using JSON.stringify() and set the hidden form value to said string (or use XHR to submit it to the server).

Here is a very limited example of how to prepare the data:

var going_to_be_json = [];
list.each(function(i, item) {
  going_to_be_json.push({
     'id':item.id,
     'title': item.title,
     'date': (new Date()).now()
  });
});
hidden_form_element.val( JSON.stringify(going_to_be_json) );

and on the server

<?php
$json_data_string = $_POST['hidden_form_field_containing_json_data']; // sanitize however
$array_data = json_decode($json_data_string);

More can be ready about JSON (Javascript Object Notation) from json.org and the Tag Wiki (although the tag wiki just shows you more examples and links)

it seems you needed a little more direction. I was hoping you wouldn’t just copy and paste what I had and you would read and attempt to understand what it is doing….

   $('#calendarform').submit(function(e) {
        var form = $(this),
            listItems = $('.listItem'),
            data = [],
            hidden = $('<input />'); // create a hidden field for the form.
                                    // or just select the hidden form element from the page
        hidden[0].type = 'hidden'; // set the type
        hidden[0].name = 'some_name_for_php_to_recognize'; // and name

        listItems.each(function(i,el){ 
             data.push({'index': i, 'text': $(el).text()});
        });

        hidden.val(JSON.stringify(data));
        $(this).append(hidden); // not needed if the hidden element is already in the DOM

    });