Utilizzo di jquery post per mvc 3 non funziona quando distribuito

Question

Quindi ho questa applicazione MVC 3 che ha un menu a discesa che uso per popolare un div tramite jquery. Funziona bene localmente ma quando lo distribuisco al server viene reindirizzato in modo errato. Ecco la mia jquery:

$("#ddlCategoryMain").change(function() { 
    $.post("/Home/Category/", { mileID: $(this).val() }, function (data) { 
     refreshDiv($("div#main"), data); 
    }); 
}); 

function refreshDiv(select, data) { 
    select.html(""); 
    select.append(data); 
} 

Localmente questo funziona bene. Ma quando schierato al mio assistente sembra essere alla ricerca di http://myserver/Home/Category invece di http://myserver/mywebsite/Home/Category

posso risolvere il problema semplicemente aggiungendo il nome della mia applicazione prima che il/Home/Categoria nella funzione jquery, ma che non si sente bene ...

Ho anche provato ad aggiungere ../, ~ /, ../../ prima della/home ma ciò non ha fatto differenza.

Qualche soluzione a questo problema minore? Grazie!

Answer 1

Opzione 1

Assumendo che il metodo di jQuery è a suo avviso è possibile utilizzare Url.Action()

Genera un URL completo di un metodo azione utilizzando il nome azione specificata e il nome del controller .

$("#ddlCategoryMain").change(function() { 
    $.post('<%=Url.Action("Category", "Home")%>', { mileID: $(this).val() }, function (data) { 
     refreshDiv($("#main"), data); 
    }); 
}); 

O questo, se si utilizza un rasoio

$("#ddlCategoryMain").change(function() { 
    $.post('@Url.Action("Category", "Home")', { mileID: $(this).val() }, function (data) { 
     refreshDiv($("#main"), data); 
    }); 
}); 

Opzione 2

Se il metodo è in un js file esterno si potrebbe dichiarare una variabile globale nella vista.

var myUrl = '@Url.Action("Category", "Home")'; 

e poi nel vostro $.post

$("#ddlCategoryMain").change(function() { 
    $.post(myUrl , { mileID: $(this).val() }, function (data) { 
     refreshDiv($("#main"), data); 
    }); 
}); 

Answer 2

Non è una risposta diretta, ma questo è come lo faccio sul mio sito Zend MVC, quando aggiungo il mio jQuery - Ho impostato un var come base URL: quindi nella chiamata Ajax, posiziona la var davanti al percorso.

Quindi per me che vorrei fare:

$this->jQuery()->addOnLoad('var baseURL = "'.$this->baseUrl('').'";'); 

quindi ho potuto usare;

$.post(baseURL+"/Home/Category/"...... 

Answer 3

Stavamo affrontando lo stesso problema quando abbiamo implementato il codice sul server, a livello locale ha funzionato davvero bene quindi questo ci ha aiutato molto.

Stiamo usando il rasoio e questo è quello che stavamo facendo:

$.post("/Home/PostEditProduct/", { } ... 

e ora sostituito con

$.post('@Url.Action("PostEditProduct","Home")', { } ... 

e funziona.