jQuery Ajax avec asp.net

**paladice** · 24/04/2013, 11h26

Bonjour,

j'essaie de faire quelque chose comme ça mais ça ne fonctionne pas (ce sont les alert 3 puis 2 qui s'affichent) :

Mon fichier .aspx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
    <title>Test dotnet</title>
    <link rel="stylesheet" type="text/css" href="CSS/Test.css" />
	<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
 
    <script type="text/javascript">
 
 
        jQuery(document).ready(function ($) {
 
 
            $("#bt1").click(function (e) {
                $.ajax({
                    type: "POST",
                    url: "Test.aspx/GetDate",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        alert("1");
                    },
                    complete: function (msg) {
                        alert("2");
                    },
                    error: function (msg) {
                        alert("3");
                    },
                    send: function (msg) {
                        alert("4");
                    },
                    stop: function (msg) {
                        alert("5");
                    },
                    start: function (msg) {
                        alert("6");
                    }
                });
            });
 
 
        });
		</script>
</head>
 
 
 
 
<body>
 
    <form id="formOptions" runat="server">
 
 
 
 
        <asp:Button ID="bt1" runat="server" Text="Bouton" PostBackUrl="~/Test.aspx" />
 
 
 
    </form>
 
</body>

Et mon code behind en C# (dans le fichier Test.aspx.cs) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
namespace Test
{
 
    public partial class Test : System.Web.UI.Page
    {
 
        [WebMethod]
        public static string GetDate()
        {
            return DateTime.Now.ToString();
        }
 
        protected void Page_Load(object sender, EventArgs e)
        {
            [...]
        }
 
    }
}

Une idée de pourquoi ça ne rentre pas dans la fonction success de ajax ?

**DotNetMatt** · 24/04/2013, 11h36

C'est étrange, ça fonctionne correctement pourtant, je passe bien dans success puis complete avec ton code exactement

Met un point d'arrêt sur alert("3") et regarde le contenu de ta variable msg. Quel est le message ?

**paladice** · 24/04/2013, 15h00

Envoyé par DotNetMatt

C'est étrange, ça fonctionne correctement pourtant, je passe bien dans success puis complete avec ton code exactement

Met un point d'arrêt sur alert("3") et regarde le contenu de ta variable msg. Quel est le message ?

Le message était vide :/
Bizarrement, si je remplace mon <asp:button> par un <a href>, ça rentre dans le success... une idée pour garder le bouton asp ?

**youtpout978** · 24/04/2013, 15h27

Rajoute un return false à la fin de ta fonction ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$.ajax({
                    type: "POST",
                    url: "Test.aspx/GetDate",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        alert("1");
                    },
                    complete: function (msg) {
                        alert("2");
                    },
                    error: function (msg) {
                        alert("3");
                    },
                    send: function (msg) {
                        alert("4");
                    },
                    stop: function (msg) {
                        alert("5");
                    },
                    start: function (msg) {
                        alert("6");
                    }
                });
                return false;

Ça empêche ton bouton de faire un postback (c'est ça qui fait que t'as une erreur sur l'appel ajax).

**paladice** · 24/04/2013, 15h56

Envoyé par youtpout978

Rajoute un return false à la fin de ta fonction ajax

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$.ajax({
                    type: "POST",
                    url: "Test.aspx/GetDate",
                    data: "{}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (msg) {
                        alert("1");
                    },
                    complete: function (msg) {
                        alert("2");
                    },
                    error: function (msg) {
                        alert("3");
                    },
                    send: function (msg) {
                        alert("4");
                    },
                    stop: function (msg) {
                        alert("5");
                    },
                    start: function (msg) {
                        alert("6");
                    }
                });
                return false;

Ça empêche ton bouton de faire un postback (c'est ça qui fait que t'as une erreur sur l'appel ajax).