Sending a URL with multiple variables as a parameter to another page

Question

I have a Javascript page, that sends data to a PHP page. That data is a URL with different querystrings, for example:

    var localURL = "http://localhost/app/proxy.php?data=http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704"

    $.ajax({
        url: localURL,
        beforeSend: function (xhr) {
            alert('beforesend');
        },
        success: function (data) {
            alert('success: ' + data);
        }
    });

The number of querystring variables can vary, so I can't send it with the data parameter of the ajax function. If I do a GET of the data variable ($_GET['data'];) I get this result:

http://myserver.com//game.php?type=loadgame

and what I'd like to get is:

http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704

Any idea? :-S

Well you're sending it to proxy.php and the URL is using game.php; are you sure proxy.php is correctly forwarding the query string? — Alex
– Alex, Commented Sep 16, 2011 at 9:50

Sascha Galley · Accepted Answer · 2011-09-16 09:51:43Z

3

You gotta escape to get a valid url:

var data = escape('http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704');
var localURL = "http://localhost/app/proxy.php?data=" . data;

answered Sep 16, 2011 at 9:51

Sascha Galley

16.2k5 gold badges39 silver badges52 bronze badges

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

Comments

naivists · Accepted Answer · 2011-09-16 09:52:04Z

1

What you are missing, is URL escaping in localUrl varaible.

It should be like this:

var localURL = "http://localhost/app/proxy.php?data=http%3A%2F%2Fmyserver.com%2Fgame.php%3Ftype%3Dloadgame%26userInfoName%3DAA%26userPwd%3DAA%26nocache%3D0.8046834595784704"

if you construct the localURL in javascript, use escape() function

answered Sep 16, 2011 at 9:52

naivists

33.7k5 gold badges63 silver badges85 bronze badges

Comments

Alfwed · Accepted Answer · 2011-09-16 09:52:37Z

0

var localURL = "http://localhost/app/proxy.php?data=" + encodeURIComponent("http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704");

answered Sep 16, 2011 at 9:52

Alfwed

3,2822 gold badges20 silver badges20 bronze badges

Comments

hirikarate · Accepted Answer · 2011-09-16 09:55:03Z

0

This is what the browser sees:

http://localhost/app/proxy.php?

data=http://myserver.com/game.php?type=loadgame => param 1

&userInfoName=AA => param 2

&userPwd=AA => param 3

&nocache=0.8046834595784704 => param 4

so you should escape the string "http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704" like this

var data=$.URLEncode('http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704')

answered Sep 16, 2011 at 9:55

hirikarate

3,3454 gold badges23 silver badges28 bronze badges

1 Comment

Gary Green Over a year ago

It's worth updating your answer to say a plugin is required for $.URLEncode to work.

Gary Green · Accepted Answer · 2011-09-16 10:04:12Z

0

You need to encode the reserved characters. jQuery can do this for your automatically if you restructure like so:

var localURL = "http://localhost/app/proxy.php";
var getString = "http://myserver.com/game.php?type=loadgame&userInfoName=AA&userPwd=AA&nocache=0.8046834595784704";

$.ajax({
    type: 'GET',
    data: { data: getString },
    url: localURL,
    beforeSend: function (xhr) {
        alert('beforesend');
    },
    success: function (data) {
        alert('success: ' + data);
    }
});

Will request for:

http://localhost/app/proxy.php?data=http%3A%2F%2Fmyserver.com%2Fgame.php%3Ftype%3Dloadgame%26userInfoName%3DAA%26userPwd%3DAA%26nocache%3D0.8046834595784704

edited Sep 16, 2011 at 10:04

answered Sep 16, 2011 at 9:55

Gary Green

22.4k6 gold badges52 silver badges76 bronze badges

Collectives™ on Stack Overflow

Sending a URL with multiple variables as a parameter to another page

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related