Passa la variabile Javascript al valore di instradamento in MVC3

Question

Vorrei passare una variabile javascript in un metodo @ Url.Action come parametro di route.

Mi piace passare la variabile javascript screenmode come parametro di percorso al metodo di azione.

Ho un modello di visualizzazione con proprietà enum ScreenMode e in base a questo i deve chiamare un'azione in Ajax. Devo anche passare una variabile javascript come parametro per il percorso.

Questo è quello che ho provato e ottenuto errore di compilazione.

Il nome 'ScreenMode' non esiste nel contesto attuale

$("#role-detail-form").submit(function (e) { 

    if ($(this).valid()) { 
    var screenMode = 0; 
    @{ 
    if (Model.ScreenMode == UI.ViewModel.ScreenMode.New) 
    { 
     <text> 
     screenMode =2; 
     </text> 
    } 
    } 
    $.post('@Url.Action("SaveRoleDetail", new { mode=screenMode})', 
      $(this).serialize(), function (data) { 
       $("#role-detail").html(data); 
       $.validator.unobtrusive.parse($("#role-detail")); 
      }); 
     } 
     e.preventDefault(); 
    }); 

La mia azione è

public ActionResult SaveRoleDetail(RoleModel viewModel, ScreenMode screenMode) 
    { 
    } 

Answer 1

che avrebbe dovuto dividere che fuori e costruire la stringa di query da soli, per incorporare la variabile Javascript.

Qualcosa di simile a questo è quello che vi serve:

$.post('@(Url.Action("SaveRoleDetail"))?screenMode=' + screenMode) 

EDIT: Anche se probabilmente le migliori pratiche, è necessario memorizzare la variabile ScreenMode nel vostro modello, poi mettere un HiddenFor nella vista per esso. Quindi, ogni volta che si modifica il valore in Javascript, è sufficiente aggiornare il valore dell'ingresso nascosto, in questo modo il metodo di azione deve solo prendere il modello di vista come parametro. Se stai pubblicando il modulo in JavaScript, puoi chiamare lo $("#form").serialize() per inviare tutti i dati nella tua chiamata successiva.

Answer 2

Se si utilizza T4MVC e jQuery, è possibile chiamare l'ActionResult nel seguente modo:

Nel controllore:

public ActionResult SaveRoleDetail(RoleModel viewModel, ScreenMode screenMode) 
{ 
} 

Nella vista:

$.post("@Url.Action(MVC.Home.SaveRoleDetail())", { viewModel: param1, screenMode: param2) }, function (data) { 

     //Do Work 

    }); 

Answer 3

Inoltre è possibile creare un segnaposto e quindi sostituirlo:

var url = '@Url.Action("GetOrderDetails", "Home", new { id = "js-id" })' 
      .replace("js-id", encodeURIComponent(rowId));