jQuery load() not passing complete string in url

Question

I have a function that takes a country name and passes it to a processing page via the load() function.

In the following example the country is "American Samoa"

function loadRates(oArg) {
        var Destination = oArg.Destination.toString() || '';
        alert(Destination); // Alerts "American Samoa"
        var uniqueid = new Date().getTime();
        $('#divRates2').html('<img src="/images/ajax-loader.gif">').load('inc_rates_output.cfm?Destination=' + Destination + '&uniqueid=' + uniqueid);
    }

However, the processing page (inc_rates_output.cfm) receives the Destination url variable as "American", i.e. without the "Samoa".

Any ideas appreciated.

Try to use encodeURIComponent on Destination before adding it to the url. load('inc_rates_output.cfm?Destination=' + encodeURIComponent(Destination) + — gen_Eric
– gen_Eric, Commented Mar 21, 2012 at 19:01

Engineer · Accepted Answer · 2012-03-21 19:02:08Z

3

Use 'encodeURI(Destination)' in url.

The specification for URLs (RFC 1738, Dec. '94) poses a problem, in that it limits the use of allowed characters in URLs to only a limited subset of the US-ASCII character set:

...Only alphanumerics [0-9a-zA-Z], the special characters "$-_.+!*'()," [not including the quotes - ed], and reserved characters used for their reserved purposes may be used unencoded within a URL.

answered Mar 21, 2012 at 19:02

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

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

Comments

Patricia · Accepted Answer · 2012-03-21 19:02:59Z

1

try this: you can pass your parameters to load as an object, and let jquery do the encoding for you.

function loadRates(oArg) {
        var Destination = oArg.Destination.toString() || '';
        alert(Destination); // Alerts "American Samoa"
        var uniqueid = new Date().getTime();
        $('#divRates2').html('<img src="/images/ajax-loader.gif">').load('inc_rates_output.cfm', {"Destination" : Destination, "uniqueid" : uniqueid});
    }

answered Mar 21, 2012 at 19:02

Patricia

7,8024 gold badges40 silver badges70 bronze badges

2 Comments

user460114 Over a year ago

I'm intrigued by this, but how does the receiving page see this object in order to use it?

Patricia Over a year ago

jquery will turn your object into something your receiving page can use. if you pass it as an object, it'll send the request as a POST, and your parameters will be post variables.

Siva Charan · Accepted Answer · 2012-03-21 19:03:29Z

0

You need to pass Destination to escape function

escape(Destination)

answered Mar 21, 2012 at 19:03

Siva Charan

18.1k10 gold badges64 silver badges95 bronze badges

Collectives™ on Stack Overflow

jQuery load() not passing complete string in url

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related