contrôleur d'appel de l'action à partir .cshtml page avec jquery

Je suis en train d'appeler une action de contrôleur de jquery UI dialog.
Ce que j'ai actuellement est: est-ce

.html("<p><textarea name=\"TextMessage\" id=\"textItems\" rows=\"10\" cols=\"72\" /><br /><br /><input type=\"button\" style=\"float:right;\" id=\"submitData\" onclick=\"Test()\" value=\"Submit\" /></p>");

Le script que j'utilise pour appeler le contrôleur d'action est celui-ci:

<script type="text/javascript">
    function Test() {
        $ajax({
            url: '<%= Url.Action("GetData", "Report") %>',
            success: function (data) {
                alert(data);
            }
        });
    };
</script>

Et le contrôleur de l'action est: est-ce

[HttpGet]
        public JsonResult GetData()
        {
            return Json("success", JsonRequestBehavior.AllowGet);
        }

Je voudrais savoir si je fais quelque chose de mal, je suis en train d'essayer d'obtenir que cela fonctionne pour quelques heures maintenant, mais sans succès.
Quand je suis en train directement à démarrer le contrôleur via http://localhost:1322/Report/GetData il fonctionne très bien, cela signifie que le script n'est pas correctement configuré.
Je vous remercie tous de l'aide.
Merci d'avance, Laziale

Si vous êtes de retour JSON, vous devez définir le dataType: 'json' propriété. Vous devez également inclure et "error: function(..." dans votre appel ajax.
Il semble qu'il vous manque le crochet de fermeture sur le Test fonction, mais c'est peut être juste une faute de frappe.
J'ai mis à jour la fonction de test, voir si c'est ok, ne pas faire quelque chose d'aussi bien
Est-il possible de me donner un exemple, qui m'aiderait beaucoup. Merci à l'avance
Quand vous dites que vous êtes en mesure de "démarrer le contrôleur directement," voulez-vous dire en accédant à l'URL (dans un navigateur), ou voulez-vous dire qu'il fonctionne si vous définissez cette URL comme la url paramètre de l'appel AJAX? Avec votre montage, vous avez maintenant un point-virgule de fin après le crochet fermant sur Test, par la manière.
en accédant à l'URL dans un navigateur. Mis à jour le script maintenant, même résultat
Il semble qu'il peut en effet être un problème avec votre boîte de dialogue, et non pas le script lui-même. Si vous définissez un point d'arrêt à la Test fonction dans un débogueur JavaScript est-il touché? Avez-vous des erreurs de JavaScript? Pouvez-vous expliquer la boîte de dialogue code?
Vérifiez votre console javascript ou d'installer Firebug et de débogage du javascript. Vous verrez ce qui se passe
Une erreur que je vois dans votre exemple, c'est que vous êtes absent de la . dans $.ajax. Vous devez obtenir de l'erreur $ajax is not defined.

InformationsquelleAutor Laziale | 2012-02-17

0

Parce que vous êtes à l'appel d'une méthode d'action qui est de retour d'une json objet que vous pouvez utiliser le jQuery.getJSON() méthode.
```
<script type="text/javascript">
    function Test() {
        $.getJSON(
            '@this.Url.Action("GetData", "Report")',
            function (data) {
                alert(data);
            }
        });
    };
</script>
```
- rien ne se passe ainsi. Le script que je suis en train de lancer est de jquery UI dialog, pensez-vous que peut-être la raison pour laquelle je ne suis pas d'obtenir quoi que ce soit? Thx
- si vous ajoutez un alert("") sur la première ligne de la Test() fonction, est-il de pop-up lorsque vous cliquez sur le bouton?
- oui c'est le pop-up quand je suis en cliquant sur le bouton
- vous utilisez getJSON() maintenant correct? Êtes-vous sûr que vous avez inclus jQquery dans votre page? Vous pouvez le vérifier en alert($) qui devrait alerter une fonction.
- en outre, si vous utilisez le razor moteur d'affichage, alors vous devez utiliser la syntaxe @this.Url.Action("GetData", "Report") pour la génération de l'URL. Vérifiez la source pour voir ce qui est effectivement être générés pour l'URL.
- oui, j'obtiens ceci: function (a, b) { return new e.fn.init(a, b, h); }
- affichez le code source pour voir ce qui est généré pour l'URL. Comme je l'ai mentionné ainsi, si vous utilisez le razor moteur d'affichage, vous aurez besoin de changer votre syntaxe.
- laissez-nous continuer cette discussion dans le chat
InformationsquelleAutor Craig
2

Vous devriez essayer:
```
url:'@Url.Action("GetData", "Report")'
```
MVC va ajouter automatiquement "Contrôleur" à la fin de la deuxième paramètre lorsqu'il est à la recherche pour le contrôleur.

Edit:

Ce code peut fonctionner:
```
function Test() {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: '@Url.Action("GetData", "Report")',
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            alert(data);
        },
        error: function(xhr, status, error) {
            alert(error);
        }
    });
}
```
Edit 2:

Changé d'utiliser la syntaxe Razor pour que ce code fonctionne avec Rasoir/MVC3.
- de même, ne pas faire n'importe quoi, merci bien
- Il vous manque le . dans $.ajax
- avec le code que vous avez fournies maintenant j'obtiens l'erreur "bad request", donc certainement quelque chose qui se passe en arrière-plan. Pourquoi de mauvaises demande, une idée? Thx
- Merci, c'était peut-être la source de l'OP de problème je viens de vu qu'il manquait ci-dessus (et de ton commentaire sur elle). Bonne prise!
- Pas de problème bourgeon!
- Ce qui est étrange. Voir édité mon code si: essayez d'ajouter le contentType: "application/json; charset=utf-8" ligne.
- Aussi, vous ne devriez pas avoir besoin [HttpGet] sur votre contrôleur de l'action.
- Pourquoi vous dites que l'on ne devrait pas utiliser [HttpGet] sur le contrôleur de l'action? Si c'est le défaut que je ne suis pas au courant de toute raison que cela ne dérange en rien.
- même avec la mise à jour de la fonction je suis encore en train bad request message lorsque je clique sur le bouton.
- Je n'étais pas en disant OP ne dois pas l'utiliser, je ne faisais que commenter qu'ils ne devraient pas besoin pour l'utiliser. Vous avez probablement raison qu'il n'est pas mal en soit, mais c'est aussi inutile dans ce cas.
- Mon erreur...je pourrais avoir mal il a juste dit de ne pas. Vous avez raison, HttpGet n'est pas nécessaire. Bien que l'ajout de HttpGet à une action ne sera pas nuire à quoi que ce soit, c'est le comportement par défaut d'une action afin de répondre à GET demandes.
InformationsquelleAutor Drew Gaynor

Vous êtes en utilisant MVC-2 de la syntaxe d'Url.D'Action. Cela devrait fonctionner:

function Test() {
  $.ajax(
    {
      url: '@Url.Action("GetData", "Report")',
      dataType: 'json',
      success: function (data) {
        alert(data);
      },
      error: function (x, err, desc) {
        alert(desc);
      }
    }
  );
};

InformationsquelleAutor ron tornambe

0

Vous pouvez essayer jsaction trop:
http://jsaction.codeplex.com

InformationsquelleAutor Vincenzo
0

Nous pouvons appeler la méthode du Contrôleur à l'aide de Javascript /Jquery très facilement comme suit:

Supposons que la suite est le Contrôleur de la méthode à appeler renvoyer un tableau de certains objets de la classe. La classe est 'A'
```
public JsonResult SubMenu_Click(string param1, string param2)

    {
       A[] arr = null;
        try
        {
            Processing...
           Get Result and fill arr.

        }
        catch { }


        return Json(arr , JsonRequestBehavior.AllowGet);

    }
```
Suivant est le type complexe (classe)
```
public class A
 {

  public string property1 {get ; set ;}

  public string property2 {get ; set ;}

}
```
Maintenant c'était son tour à l'appel ci-dessus, la méthode du contrôleur par JQUERY. Suivant est la fonction Jquery pour appeler la méthode de contrôleur.
```
function callControllerMethod(value1 , value2) {
    var strMethodUrl = '@Url.Action("SubMenu_Click", "Home")?param1=value1  &param2=value2'
    $.getJSON(strMethodUrl, receieveResponse);
}


function receieveResponse(response) {

    if (response != null) {
        for (var i = 0; i < response.length; i++) {
           alert(response[i].property1);
        }
    }
}
```
Au-dessus de fonction Jquery 'callControllerMethod' nous développons la méthode du contrôleur url et le mettre dans une variable nommée 'strMehodUrl" et appelez getJSON méthode de Jquery API.

receieveResponse est la fonction de rappel de la réception de la réponse ou de la valeur de retour de la les contrôleurs de la méthode.

Ici, nous avons fait de l'utilisation de JSON , puisque nous ne pouvons pas faire usage de la classe C# de l'objet

directement dans la fonction javascript , donc nous avons converti le résultat (arr) dans la méthode du contrôleur en objet JSON comme suit:

Json(arr , JsonRequestBehavior.AllowGet);

et retourné l'objet Json.

Maintenant en fonction de rappel du Javascript /JQuery, nous pouvons faire usage de cette résultante d'objet JSON et de travailler en conséquence pour afficher les données de réponse sur l'INTERFACE utilisateur.

Pour plus de détails cliquez ici

InformationsquelleAutor Abhishek Gahlout

Vous devez vous connecter pour publier un commentaire.

Edit:

Edit 2: