Utilisation de la méthode getJSON de jQuery avec un formulaire Web ASP.NET

Comment dois-je faire appel d'une méthode sur un ASP.NET page de Formulaire Web à l'aide de la getJSON méthode jQuery?

L'objectif est: est-ce

  1. Utilisateur clique sur un élément de liste
  2. La valeur est envoyée au serveur
  3. Serveur répond avec une liste de choses, au format JSON à l'aide de
  4. Remplir secondaire de la boîte de

Je ne veux pas utiliser un UpdatePanel, j'ai fait cela sur des centaines de fois à l'aide de la ASP.NET Framework MVC, mais ne peut pas le comprendre, à l'aide de Formulaires Web!

Jusqu'à présent, je peux tout faire, y compris en appelant le serveur, il n'a tout simplement pas appeler la bonne méthode.

Merci,
Kieron

Code:

jQuery(document).ready(function() {
   jQuery("#<%= AreaListBox.ClientID %>").click(function() {
       updateRegions(jQuery(this).val());
   });
});

function updateRegions(areaId) {
    jQuery.getJSON('/Locations.aspx/GetRegions', 
        { areaId: areaId },
        function (data, textStatus) {
            debugger;
        });
}

source d'informationauteur Kieron

  1. 24

    Ici est un minimaliste exemple qui devrait vous aider à démarrer:

    <%@ Page Language="C#" %>
<%@ Import Namespace="System.Web.Services" %>

<script runat="server">
    [WebMethod]
    public static string GetRegions(int areaId)
    {
        return "Foo " + areaId;
    }
</script>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>jQuery and page methods</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
    <script type="text/javascript">
    $(function() {
        var areaId = 42;
        $.ajax({
            type: "POST",
            url: "Default.aspx/GetRegions",
            data: "{areaId:" + areaId + "}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) {
               alert(data.d);
           }
        });
    });
    </script>
</body>
</html>
  2. 0

    J'ai modifié ton code un peu. J'ai ajouté le serveur côté de sortie de la ClientID à la updateRegions méthode pour passer en. Et j'ai changé votre getJSON méthode pour passer dans l'url avec un paramètre de chaîne de requête (au lieu de séparer les données) et la fonction de rappel. 

    jQuery(document).ready(function() {
   jQuery("#<%= AreaListBox.ClientID %>").click(function() {
       updateRegions(<%= AreaListBox.ClientID %>);
   });
});

function updateRegions(areaId) {
    jQuery("h2").html("AreaId:" + areaId);

    jQuery.getJSON("/Locations.aspx/GetRegions?" + areaId, 
        function (data, textStatus) {
            debugger;
        });
}

    Laissez-moi savoir si cela fonctionne!

  3. 0

    Vous pouvez également utiliser un GetJSON, mais vous devez modifier le WebMethod dans ce cas. Vous devez décorer avec:

    [WebMethod(EnableSession = true)]       
[ScriptMethod(UseHttpGet =false, ResponseFormat = ResponseFormat.Json)]

    Faire un get pourrait ne pas être ce que vous désirez.