How to send an array via the url in javascript/jQuery

Question

I am trying to send a javascript array via the url.But it fails

function viewReport(mode,someid){
    if(mode==0){
        var para= new Array();
        para['para1'] = 'para1'||0;
        para['para2']= 'para2' || 0;
        console.log(para);
        window.open('somePDFView/'+para,'_blank'); 
    }else{
        var para=[];
        var paraelements={
          para1:'anotherpara1'||0,
          para2:'anotherpara2'||0
        };
        para[0]=paraelements;
        window.open('somePDFView/'+para,'_blank'); 
    }
}

On if part(mode=0), the para array is not sending any more and on else part (mode=1) the para is sends like this:

somePDFView/[object Object]

Which shows the error:

The URI you submitted has disallowed characters

How can we send an array via url.I can't use Ajax (because its a popup window) or session or storing in a temporary table.Also how can we retrieve this value in the controller.

Edit:

I miss an important thing that I am using codeigniter. Then I think it disallows special characters like - &,=,[,],etc..So if any other methods available for sending data as an array?..

You could encode it. But a URL has a maximum length to send variables I think, so don't make it too long. — putvande
– putvande, Commented Aug 24, 2013 at 10:01
I think you should first study why string + array produces strange results... (hint: what happens when you combine a car with an apple?) — Christian
– Christian, Commented Aug 24, 2013 at 10:50

Siva · Accepted Answer · 2014-04-29 10:04:29Z

To send an array of params via URL from Javascript to PHP/Codeigniter, you need to follow 2 steps:

Convert your params array to JSON String and send that as a single query param.
para = JSON.stringify(para);
window.open('somePDFView?params='+para,'_blank');
Decode the query string param (i.e JSON string) at your controller
$params = json_decode($_GET['params']);

Now you can use all the params at your controller by accessing through $params.

Your code block becomes:

function viewReport(mode,someid){
    if(mode==0){
        var para= new Array();
        para['para1'] = 'para1'||0;
        para['para2']= 'para2' || 0;
        console.log(para);
        para = JSON.stringify(para);
        window.open('somePDFView?params='+para,'_blank'); 
    }else{
        var para=[];
        var paraelements={
          para1:'anotherpara1'||0,
          para2:'anotherpara2'||0
        };
        para[0]=paraelements;
        para = JSON.stringify(para);
        window.open('somePDFView?params='+para,'_blank'); 
    }
}

Try this out and let me know if you still faces this issue.

score 6 · Accepted Answer · 2013-08-24 11:03:52Z

6

You can also use Json here. Use JSON.stringify().

Note: Don't sent long data over a URL. There is a limit for sending data via url and it will end up in a corrupted data if exceeded the limit. For large data, use POST method.

function viewReport(mode,someid){
    var json;
    if(mode==0){
        var para= new Array();
        var paraelements={
      para1:'para1'||0,
      para2:'para2'||0
    };
    para[0]=paraelements;
    json = JSON.stringify(para);
    window.open('somePDFView/'+json,'_blank'); 
    }else{


 var para=[];
    var paraelements={
      para1:'anotherpara1'||0,
      para2:'anotherpara2'||0
    };
    para[0]=paraelements;
    json = JSON.stringify(para);
    window.open('somePDFView/'+json,'_blank'); 
  }
}

If you are using php, use json_decode() to convert json into PHP variable.Also refer, http://php.net/manual/en/function.json-decode.php

edited Aug 24, 2013 at 11:03

answered Aug 24, 2013 at 10:12

user1850534

9 Comments

manuthalasseril Over a year ago

Its also showing the error --The URI you submitted has disallowed characters.

user1850534 Over a year ago

Use console.log(json) and check what data is being return before sending through url.

manuthalasseril Over a year ago

the data is correctly assigned and json contains all that values but it can't send

user1850534 Over a year ago

Are you sending the data by using query string?

manuthalasseril Over a year ago

Sorry I miss a important thing.I am using codeigniter, so i think it does not allows special characters like &,=,[,].Is it right?

|

score 3 · Accepted Answer · 2013-08-24 10:27:16Z

3

You can try to pass them as individual parameters:

var para1 = '1';
var para2 = '2';
var para= new Array();
para.push('para[]=' + para1 || 0);
para.push('para[]=' + para2 || 0);
var url = para.join('&');
alert(url)

Returns para[]=1&para[]=2. Note that this solution does not require jQuery.

edited Aug 24, 2013 at 10:27

answered Aug 24, 2013 at 10:03

user1120144

2 Comments

manuthalasseril Over a year ago

Now i can see the parameters on url--salesexePDFView/parat[] = 1&parat[] = 2 but it shows The URI you submitted has disallowed characters.

user1120144 Over a year ago

I removed the spaces between parat[] and the = sign. It should work now.

Brewal · Accepted Answer · 2013-08-24 10:11:47Z

2

Use jQuery.param() and change your data structure :

var para = {
    para1:'anotherpara1'||0,
    para2:'anotherpara2'||0
};

window.open('somePDFView/'+jQuery.param(para), '_blank');

The Demo jsFiddle

answered Aug 24, 2013 at 10:11

Brewal

8,1942 gold badges28 silver badges38 bronze badges

1 Comment

Brewal Over a year ago

You can't do this. See this tread or this one.

Collectives™ on Stack Overflow

How to send an array via the url in javascript/jQuery

4 Answers 4

Comments

9 Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

9 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related