Question

I am using a URL rewrite and using

 $('#somediv').load(query, function (response, status, xhr) {
    if (status == "error") {
        var msg = "Sorry there was an error: ";
        $("#somediv").html(msg + xhr.status + " " + xhr.statusText);
    }
});

But the div.laod() wont work when my query has character like ‘?’,’&’ and ‘=’.
As in when I pass parameters as shown beloew, div rendering wont happen .

query ="http://vmsbawcm001.ed.cps.something.com/content/pms/Snapshot.html?date=2011-09-30&email=[e-mail]&view=external"

But this works!

 query ="http://vmsbawcm001.ed.cps.something.com/content/pms/Snapshot.html"

So How do I pass parameters in some encoded way? or any other solution for this is welcome, coz I am clueless..

After some more research, I have a doubt that it is only the @ symbol which is creating the problem. Is it so? If yes, what is the possible solution fro that?

Thanks,
Adarsh

Answer 1

The second parameter in .load() is for passing query data. Here’s the reference: http://api.jquery.com/load/.

Demo: http://jsfiddle.net/ThinkingStiff/EKHbQ/

HTML:

<div id="somediv"></div>

Script:

var uri = 'http://vmsbawcm001.ed.cps.something.com/content/pms/Snapshot.html',
    data = {date:"2011-09-30",email:"[e-mail]",view:"external"};

$( '#somediv' ).load( uri, data, function ( response, status, xhr ) {

    if ( status == 'error' ) {

        var msg = 'Sorry there was an error: ';
        $( '#somediv' ).html( msg + xhr.status + ' ' + xhr.statusText );

    };

});