MVC cliquez sur le bouton d'appel de POSTE de la méthode d'Action

Comment puis-je appeler un MVC méthode d'action avec des paramètres complexes, comme ci-dessous, à partir d'un événement de clic de bouton?

[ValidateInput(false)]
[HttpPost]
public ActionResult Export(ViewModel vm)
{
  //some logic
}

J'ai fait une action POST car j'ai besoin de passer des balises HTML de la page sur laquelle le bouton est à la méthode d'action qui est trop long. J'ai essayé cela, mais c'est pour une opération GET 

<input type="button" value="Detail" onclick="location.href='@Url.Action("Export", "Report")?html=' + $('#test').html()" />
  • avez-vous essayé de le mettre en soumettre le formulaire ?
  • Vous devez envoyer une requête POST à l'Action, c'est à dire la soumission d'un formulaire ou d'une requête AJAX. location.href va faire une demande GET
  • Être fatigué à l'aide de [ValidateInput(false)] peut vous causer plus de maux de tête plus tard ce que vous essayez d'accomplir en l'éteignant.
  • Vous pouvez vérifier: stackoverflow.com/questions/25106722/...
  • Utilisez <form method="post" action="<%: Url.Action("Exporter", "Rapport") %>"/>
InformationsquelleAutor CSharped | 2017-05-23
  1. 3

    Si vous voulez faire ceci à l'aide d'un clic sur un bouton il est possible d'inscrire à l'événement click du bouton en JS. Dans votre JS, vous pouvez faire une requête ajax post, qui affichera un objet JSON (votre VM) à votre action:

    Rasoir:

    <input type="button" value="Detail" id="buttonId" />

    JS:

        $('#buttonId').click(function () { //On click of your button

    var property1 = $('#property1Id').val(); //Get the values from the page you want to post
    var property2 = $('#property2Id').val();


    var JSONObject = { //Create JSON object to pass through AJAX
Property1: property1, //Make sure these names match the properties in VM
Property2: property2
};

    $.ajax({ //Do an ajax post to the controller
        type: 'POST',
        url: './Controller/Action',
        data: JSON.stringify(JSONObject),
        contentType: "application/json; charset=utf-8",
        dataType: "json"
        });

    Une autre façon de le faire est de soumettre le modèle de vue à l'aide d'un formulaire. 

        @using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post)) 
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.PropertyName1, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
<input type="text" id="PropertyName1" name="PropertyName1" class="form-control"  />
@Html.ValidationMessageFor(model => model.PropertyName1, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.PropertyName2, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.PropertyName2, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.PropertyName2, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Button text" class="btn btn-primary" />
</div>
</div>
</div>
}
    InformationsquelleAutor j9070749
  2. 0

    Vous pouvez le faire avec le formulaire HTML

    <form action="@Url.Action("Export", "Report")" method="POST">
<input type="hidden" name="html" value="ADD YOUR HTML HERE">
<input type="button" value="Detail" />
</form>

    Et à l'intérieur de votre contrôleur, vous devez utiliser le langage html paramètre

    [ValidateInput(false)]
[HttpPost]
public ActionResult Export(ViewModel vm, string html)
{
//some logic
}
    • cette woudn y aider, car la chaîne de requête est trop longue à partir de la deuxième paramètre
    • Vous shoudn pas atteindre cette limite, lorsque vous postez vos données
    InformationsquelleAutor Victor Leontyev
  3. 0

    essayer cette 

    <form action="@Url.Action("Export", "Report")" method="POST">
<input type="hidden" name="html" id="html"  value="ADD YOUR HTML HERE">
<input type="button" id="btn1" value="Detail" />
</form>

    ajouter un Script en js

    $("#btn1").click(function(){
$("#html").val($('#test').html());
})

    ajouter des param dans votre méthode chaîne html

    InformationsquelleAutor Jay