ajax to pass array value , how to fetch array on called page

Question

I have array containg image path ,

GenerateReport[0] ="../images/Desert1.jpg"
GenerateReport[1] ="../images/Desert2.jpg"
GenerateReport[2] ="../images/Desert3.jpg"
GenerateReport[3] ="../images/Desert4.jpg"
GenerateReport[4] ="../images/Desert5.jpg"

I am trying to pass this array with following code,

$.ajax({
type: "POST",
url: "generatePdf.php",
data: { 
genRep: "sample value"
},
success: function(data) {
                 alert(data);
             console.log('getting '+data);
             }

    });

sample value is passed successfully , but how can i pass array to ajax and use it on another page?? i tried passing array and using with below code but it is not working

$data1 = $_REQUEST['genRep'];

echo "tested".$data1[0];

http://stackoverflow.com/questions/8890524/pass-array-to-ajax-request-in-ajax -- Check this out — AmGates, Oct 28 '13 at 07:33
http://stackoverflow.com/questions/8890524/pass-array-to-ajax-request-in-ajax — Sudhir Bastakoti, Oct 28 '13 at 07:35

GautamD31 · Answer 1 · 2013-10-28T07:40:32.430

1

Try like

genRep = []; 
$.ajax({
    type: "POST",
    url: "generatePdf.php",
    data: { 
        genRep: GenerateReport
    },
    success: function(data) {
        alert(data);
        console.log('getting '+data);
    }

});

It will send your array as genRep

edited Oct 28 '13 at 07:40

answered Oct 28 '13 at 07:34

GautamD31

28,552
10
64
85

Any reason to down it..?? – GautamD31 Oct 28 '13 at 07:35
i didnt .... same function i am using to pass array , just dont know how to use on another page – anam Oct 28 '13 at 07:37
Just print the `genRep` on that page. – GautamD31 Oct 28 '13 at 07:37
Error Array to string conversion in C:\xampp\htdocs\eyfs\web\generatePdf.php on line 11
testedArray – anam Oct 28 '13 at 07:38
`genRep` is also need to be an array type.Initialize it as an array – GautamD31 Oct 28 '13 at 07:40

404 Not Found · Answer 2 · 2013-10-28T07:43:56.700

try to use json object. in object you can store your images path

           var data=[]; // array
           var data[0] = 'something';
           var data[1] = 'something1';
           var data = { 'name': name, 'email' : email, 'contact' : contact, 'type' : type, 'msg' : msg }; // object 
           $.ajax({
               url : 'contact.php',
               type : 'POST',
               data : {contact:JSON.stringify(data)}, // for json object
               data : {contact: data}, // for array
               success : function (msg)
               {
                   alert(msg);
               }
           })

contact.php

 $info = $_POST['contact'];
 $info = json_decode($info,true); // for json object
 echo $info.name; // for json object

 echo $info[0]; // will print something...

score 1 · Answer 3 · edited Oct 12 '15 at 06:12

1

$arr = array();
$arr[0] = "Mark Reed";
$arr[1] = "34";
$arr[2] = "Australia";
echo json_encode ($arr);

use this on the php page and use the following to get the output

success:function(msg){
id_numbers = JSON.parse(msg);
alert(id_numbers)
}

edited Oct 12 '15 at 06:12

ketan

19,129
42
60
98

answered Oct 12 '15 at 05:58

jayadevan

11
2

Sridhar R · Answer 4 · 2013-10-28T07:41:58.067

0

Try:

$.ajax({
    url: "generatePdf.php",
    type: 'POST',
    data: form_data,
    dataType:"json",
    success: function(data) {
        alert(data[0]);
   }

On the PHP side, you'll be wanting to print:

print json_encode($photos);

Made Some Change

print json_encode(array("photolist"=>$photos));

Then on the server, you'd access these with:

data.photolist[0]; //First photo

edited Oct 28 '13 at 07:41

answered Oct 28 '13 at 07:35

Sridhar R

20,190
6
38
35

i want to pass array not json – anam Oct 28 '13 at 07:36
photolist[0] whats this?? – anam Oct 28 '13 at 07:40
updated my code print json_encode(array("photolist"=>$photos)); – Sridhar R Oct 28 '13 at 07:42

score 0 · Answer 5 · answered Oct 28 '13 at 07:55

I have tested it, this will definitely work !

JS:

var GenerateReport = [];
GenerateReport[0] ="../images/Desert1.jpg";
GenerateReport[1] ="../images/Desert2.jpg";
GenerateReport[2] ="../images/Desert3.jpg";
GenerateReport[3] ="../images/Desert4.jpg";
GenerateReport[4] ="../images/Desert5.jpg";

$.ajax({
    type: 'POST',
    url: 'generatePdf.php',
    data: 'image_array='+GenerateReport,
    success: function(msg) {
        alert(msg);
    }
});

generatePdf.php :

<?php
$image_string = $_POST['image_array'];
$image_array = explode(",", $image_string);
print_r($image_array);
?>

Then you can loop over the $image_array to get the values.

score 0 · Answer 6 · answered Oct 28 '13 at 07:57

try this

GenerateReport[0] ="../images/Desert1.jpg"
GenerateReport[1] ="../images/Desert2.jpg"
GenerateReport[2] ="../images/Desert3.jpg"
GenerateReport[3] ="../images/Desert4.jpg"
GenerateReport[4] ="../images/Desert5.jpg"

corrected code:

var imagedata = '';
$.each(GenerateReport,function(index,value))
{
  if(imagedata=='')
  {
    imagedata = imagedata +'image'+index+'='+value;
  }
  else
  {
    imagedata = imagedata +'&image'+index+'='+value;
  }
});
$.ajax({
type: "POST",
url: "generatePdf.php",
data: imagedata               //pass string imagedata
success: function(data) {
                 alert(data);
             console.log('getting '+data);
             }

    });

imagedata should have sting like this:

image1=../images/Desert1.jpg&image2=../images/Desert2.jpg and so on

score 0 · Answer 7 · answered Oct 28 '13 at 07:57

0

if(isset($_REQUEST['genRep']))
{
$data = $_REQUEST['genRep'];
print_r($data1);
echo "tested".$data1[0];

createPdf($data);
    }

My code was correct , there was no value on index 0 , thats why it was not printing anything .My Mistake !!!

answered Oct 28 '13 at 07:57

anam

3,905
16
45
85

ajax to pass array value , how to fetch array on called page

7 Answers7