Question

This is strange. I have a jQuery $.ajax call below. In Firefox it’ll only work if I take out MyAppName. In Chrome it will only work if I include MyAppName in the url. Not sure why

I’m browsing to http://localhost/MyAppName when I test this.

This works in FireFox and in IE 9

$.ajax({
    url: '/MyAppName/Search/Member/260491',

This does not work in FireFox or IE:

  $.ajax({
    url: 'Search/Member/260491',

This works in Chrome

$.ajax({
    url: 'Search/Member/260491',

This does not work in Chrome:

  $.ajax({
    url: '/MyAppName/Search/Member/260491',

Answer 1

You could use jQuery’s $.browser() funciton in an if statement and correct the issue that way.

http://api.jquery.com/jQuery.browser/

Example:

if ($.browser.chrome) {
    $.ajax({
        url: 'Search/Member/260491',
        ...
    })
}
else {
    $.ajax({
        url: '/MyAppName/Search/Member/260491',
        ...
    })
}

Available Flags are:

• chrome
• webkit (as of jQuery 1.4)
• safari (deprecated)
• opera
• msie
• mozilla