Send jQuery array to PHP post?

Question

I have a javascript function that gathers two arrays, imagepaths and captions. I want to send with PHP's post to the same page $_SERVER['PHP_SELF'], but I really don't know where to start..

PHP:

if (isset($_POST['Submit'])) {
    $edit_photos->update_xml($edit_photos->album_id, $_POST['src_arr'], $_POST['caption_arr']);
    // prevent resending data
    header("Location: " . $_SERVER['PHP_SELF'] . "?ref=" . $ref);
}

JS:

function getImgData() {
    var imgData = { 'src_arr': [], 'caption_arr': []};
    $('.album img').each(function(index){
        imgData.src_arr.push($(this).attr('src'));
        imgData.caption_arr.push($(this).attr('alt'));
    });
    return imgData;
};

HTML:

<form name="form1" method="post" action="<?php echo $_SERVER['PHP_SELF'] . "?ref=" . $ref; ?>">

AFAIK jQuery does not support that. For pure JS solutions, see this question: stackoverflow.com/questions/133925/… — Tgr
– Tgr, Commented May 14, 2010 at 1:49

jeroen · Accepted Answer · 2010-05-14 01:19:48Z

1

I´d say the procedure would be something like:

Add some hidden fields to your form, one for every variable you want to send (not strictly necessary, you can add the hidden fields later with javascript / jquery as well).
Use javascript to change the values of these hidden values as your javascript gathers the information, serializing objects and arrays (change and / or add, depending whether you already added the hidden form fields in step 1.)
Get your values from $_POST in php and unserialize the objects and arrays.

answered May 14, 2010 at 1:19

jeroen

91.8k22 gold badges117 silver badges132 bronze badges

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

1 Comment

TunaFFish Over a year ago

Write to hidden fields, that's what will work. Cheers Jeroen!

Gutzofter · Accepted Answer · 2010-05-14 02:05:37Z

0

Here is a jQuery POST request:

$('form').submit(function() {
    $.post('ImageProcessor.php', 
            { imgdata: getImgData() },
            function() {
                alert('Processed Images');
            });
    return false;
});

This will over-ride default submit behavior because of the return false

Here is the PHP to process the post:

if (array_key_exists('imgData', $_POST)) {
    $imgData = json_decode($_POST['imgData']);

    $edit_photos->update_xml($edit_photos->album_id, $imgData['src_arr'], $imgData['caption_arr']);
}

This is just an ajax POST request.

answered May 14, 2010 at 2:05

Gutzofter

2,02323 silver badges26 bronze badges

1 Comment

TunaFFish Over a year ago

I wanted to avoid an ajax call actually.

Collectives™ on Stack Overflow

Send jQuery array to PHP post?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related