Javascript array conversion to jQuery.post's data

Question

I am trying to send different values to php script using jQuery.post

The data I want to send are links like this

http://example.com/image1.jpg
http://example.com/image2.jpg
http://example.com/image3.jpg
http://example.com/image4.jpg

I don't have an exact amount of these links they would vary depending on the user interacting with my script

I am storing these links in a javascript array "fileLinks".

what I want to do is to send these links to php using jQuery.post

Can I format these links in this shape?

jQuery.post(MyAjax.ajaxurl,
            { action : 'ajax-rform',
              link1: http://example.com/image1.jpg,
              link2: http://example.com/image2.jpg,
              link3: http://example.com/image3.jpg,
              link4: http://example.com/image4.jpg,
            },
            function(data){
                jQuery("#fileupload").after('<h1>Success</h1><p>Your registration has been recieved.</p>');
            }
           );

In php I just need to use for loop and replace the link1 and http://example.com/image1.jpg with the arrays and php would iterate it for me but what should I do in javascript?

Thanks

Barmar · Accepted Answer · 2014-02-18 16:28:20Z

2

Just pass the array. jQuery will encode it with array notation, and PHP will decide it back into an array:

jQuery.post(MyAjax.ajaxurl,
            { action : 'ajax-rform',
              link: fileLinks
            },
            function(data){
                jQuery("#fileupload").after('<h1>Success</h1><p>Your registration has been recieved.</p>');
            });

In PHP, you can access the array as $_POST['link'].

answered Feb 18, 2014 at 16:28

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

3 Comments

Muhammad Over a year ago

When I use this, it sends fileLinks values in simultaneous connections and because of that php script runs more than one time I want PHP to be executed only once. Is there any to do it?

Barmar Over a year ago

If that's happening, it's for some other reason. This code won't cause multiple connections.

Muhammad Over a year ago

Thanks Barmer - yes you were right I was using .each method and it was causing this problem.

General_Twyckenham · Accepted Answer · 2014-02-18 16:23:41Z

0

Why not just create a json array and then use php's json_decode method?

answered Feb 18, 2014 at 16:23

General_Twyckenham

2,2612 gold badges22 silver badges37 bronze badges

Comments

Travis J · Accepted Answer · 2014-02-18 16:27:26Z

0

Perhaps you should just make a data object to send, populate it from your array like this

var postData = { action : 'ajax-rform' };
for(var i = 0; i < fileLinks.length; i++){
 postData["link"+(i+1)] = fileLinks[i];
}

And then use that in your ajax

jQuery.post(MyAjax.ajaxurl,
    postData,
    function(data){
        jQuery("#fileupload").after('<h1>Success</h1><p>Your registration has been recieved.</p>');
    }
 );

answered Feb 18, 2014 at 16:27

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

Collectives™ on Stack Overflow

Javascript array conversion to jQuery.post's data

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related