.NET MVC jQuery chemin relatif pour window.location

Question

J'ai un vrai problème simple, mais n'arrive pas à le comprendre.

Ce qui suit ne fonctionne pas en raison de la façon dont MVC construit l'URL (il inclut toutes les informations d'itinéraire). Je veux que pathname retourne uniquement le chemin du répertoire virtuel. Tout ce que je fais est de rediriger vers un itinéraire différent lorsqu'un utilisateur sélectionne un ID dans une liste déroulante.

$(document).ready(function() { 
    $('#TransactionIds').change(function() { 
     document.location = window.location.pathname + "/CeuTransaction/Index/" + $('#TransactionIds').val(); 
    }); 
}); 

Answer 1

Utilisez UrlHelper pour créer le chemin. Il prendra en compte l'emplacement de l'application par rapport à la racine du serveur web.

$(document).ready(function() { 
    $('#TransactionIds').change(function() { 
     document.location = '<%= Url.Action("Index", "CeuTransaction") %>' 
          + '/' 
          + $('#TransactionIds').val(); 
    }); 
}); 

Alternative: divisée en deux parties de sorte que la fonction peut être incluse dans une bibliothèque javascript (doit encore être invoqué à la vue ou le maître). Avec un peu de travail, vous pourriez aussi en faire une extension jQuery.

function redirectOnChange(selector, action) 
{ 
    $(selector).change(function() { 
     document.location = action + '/' + $(selector).val(); 
    }); 
} 

De l'avis:

$(function() { 
    redirectOnChange('#TransactionIds', 
        '<%= Url.Action("Index", "CeuTransaction") %>'); 
}); 

Answer 2

Voici ce que je fini par faire.

Ajout d'un champ de texte caché à la page:

<input type="hidden" value="<%= Url.Content("~/CeuTransaction/Index/") %>" id="pathname" /> 

utilisé ce qui suit dans la bibliothèque de scripts js:

// The following line enables jQuery intellisense 
/// <reference path="jquery-1.3.2-vsdoc.js" /> 

$(document).ready(function() { 
    $('#TransactionIds').change(function() { 
     document.location = $('#pathname').val() + $('#TransactionIds').val(); 
    }); 
});