Montrer le résultat dans le même point de vue, après la soumission, MVC

J'ai un formulaire avec deux champs qui se charge de transmettre les valeurs d'une procédure stockée. La procédure stockée renvoie 0 ou 1.

Si 0 l'utilisateur n'est pas admissible de voir les données. Si 1, il l'est. Alors, je veux montrer les détails dans la même page que j'ai présentées. Je suis en utilisant MVC 4 rasoir.

Veuillez donner une idée de la façon d'atteindre cet objectif. Je suis nouveau sur le MVC.

Basé sur vos résultats, vous pouvez rendre partialview.Si la sp est retourné 1 rendre partialview autrement, ne pas faire n'importe quoi.
pourquoi ne pas vous utilisez l'appel Ajax? avec la soumission, vous devez recharger votre page! avec un simple "bouton" et " onclick ()", vous pouvez ajouter les résultats dans votre page à l'aide de 'javascript'

OriginalL'auteur Sachu | 2015-04-14

  1. 6

    Vous pouvez utiliser javascript ajax pour votre de. en utilisant cela, vous pouvez obtenir les données via ajax sans rafraichissement de la page et ensuite vous pouvez utiliser votre ajax résultat pour afficher les données.

    Code HTML

    <form id="MyForm"  method="post">
<input type="text" name="value1"/>
<input type="text" name="value2"/>
<input type="submit" name="Submit" value="Submit" />
</form>

    Contrôleur de code

    public class HomeController : Controller
{
    [HttpPost]
    public ActionResult MyAction(MyViewModel model)
    {
        var result = ResultOfStoredPrcedure();
        return Content(result);
    }
}

    code javascript

    <script >

 $(document).ready(function () {

    $('#MyForm').submit(function (e) {

        var formData = new FormData(this);

        $.ajax({
            url: '@Url.Action("MyAction", "Home")',
            type: "POST",
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            data: formData,
            contentType: false,
            processData: false,
            success: function (result) {
             //here in result you will get your data
            },
            error: function (result) {

            }
        });
        e.preventDefault();
    });
});
</script>

    OriginalL'auteur Firoz Jafri

  2. 3

    Si vous le souhaitez, vous pouvez utiliser les accidents de la route Ajax Helper, et l'utilisation de l'Ajax.BeginForm(), ou l'utilisation de javascript et un formulaire standard de poste. Quel que soit le choix, dans votre Action juste retour de Vue.

    Si vous utiliser de l'Ajax.BeginForm (), vous pouvez spécifier un élément par son ID de mettre à jour, et par le retour de Vue vous avez plus de contrôle sur ce qui est retourné en comparaison à l'envoi du Contenu.

    @using (Ajax.BeginForm("MyActionHome", "Home", new AjaxOptions {HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "resultArea"}))
{
    <input type="submit" name="Submit" value="Submit" /><
}

<div id="resultArea">
</div>

    Ce formulaire vous permet de spécifier l'Action,de Contrôleur, d'Options et si vous voulez des arguments supplémentaires à envoyer. Nous avons également précisé le TargetId que nous voulons mettre à jour, dans le cas présent, l'resultArea'.

    Si vous avez besoin d'une certaine client le code à exécuter, vous pouvez également utiliser la OnComplete option et de fournir une fonction JavaScript.

    [HttpPost]
public ActionResult PurchaseUnit()
{
    return View("_ResultPartial",);
}

    Ici, nous avons un contrôleur de base qui renvoie une PartialView. Que Partielle sera ensuite insérée dans l'Id spécifié, et de les Remplacer, tel que défini par les options à notre disposition

    OriginalL'auteur JonE

  3. 0

    Si je vous comprends bien, vous devez utiliser Ajax.Beginform (ou Ajax.D'Action).
    Donc, avoir un regard sur cette réponse, j'espère que ça va vous aider
    https://stackoverflow.com/a/5410121/2115584

    OriginalL'auteur Baximilian