Dynamically construct querystring behaviour in IE and FF / Chrome

Question

This code

function LoadContent(Id) {
        alert('Controls/Network/NetworkDetail.aspx?' + rnd() + '&CtlId=' + Id);
        $.get('Controls/Network/NetworkDetail.aspx?' + rnd() + '&CtlId=' + Id, function(data) {
            $(Id).append(data);
        });
        $(Id).removeClass("Waiting");
}

works perfectly in IE7. the alert displayed intended querystring, and NetworkDetail.aspx page can obtain the CtlId using Request.QueryString["CtlId"]

However, using FF3 and Chrome, Request.QueryString["CtlId"] returns null but the alert displayed the querystring correctly (no difference to IE7).

the Id value is usually '#Tab1', or "#Tab2"

Any idea on how to correctly construct querystring?

Ady · Accepted Answer · 2008-12-21 01:51:46Z

5

The # indicates a named anchor in HTML and therefore is not part of the querystring, perhaps you sould correctly URL encode your id's.

e.g. #Tab1 becomes %35Tab1

Try using escape. e.g.

'Controls/Network/NetworkDetail.aspx?' + rnd() + '&CtlId=' + escape(Id)

edited Dec 21, 2008 at 1:51

answered Dec 21, 2008 at 1:40

Ady

4,7662 gold badges25 silver badges20 bronze badges

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

2 Comments

Salamander2007 Over a year ago

You're right. '#' messes my code. But still, browser quirks like this is exactly why I hate javascript development.

Ady Over a year ago

IE should not have sent the # part of the URL, as this is intended for the browser not the server, but i do see their point. BTW, using escape also gets over any issues if other URL characters appear in the ID (such as & or ?).

Collectives™ on Stack Overflow

Dynamically construct querystring behaviour in IE and FF / Chrome

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related