Requête AJAX non exécutée

Version imprimable

Bonjour a tous,

Je travail sur un site en MVC3.
J'ai plusieur froms dans ma page.
Ils sont différenciés par un id different.
Losrque j'en valide un je passe dans cette fonction:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
   function SendPost(id) {
      AllInputs = $("input[class^='autoC instance-" + id + "']");
      CheckBox = document.getElementById("CheckBox" + id);
      jQuery.each(AllInputs, function () {
         if (this.value != "")
            Agents.push(this.value);
      });
      if (Agents.lenght == 0)
         Agents.push("");
      alert("Aha ?"); // Executé
      $.ajax({
         type: "POST",
         cache: false,
         url: "Home/DetailBot",
         data: { agents: Agents, id: id, Night: CheckBox.checked }
      });
      alert("Oho ?"); // Non executé
   }

La requete ajax ne se fait pas.
Merci pour toute aide.

19/06/2013, 10h37
Bovino

Dans un premier temps, plusieurs maladresses...
Tes variables sont déclarées en global (pas d'utilisation de var). Est-ce souhaité ? Utile ?
A quel moment déclares-tu Agents et que c'est un tableau ?

Code:

AllInputs = $("input[class^='autoC instance-" + id + "']");

Quelle est la subtilité de cette syntaxe par rapport à

Code:

AllInputs = $("instance-" + id");

?

Code:

if (Agents.lenght == 0)

Si Agents est bien un tableau, il ne possède pas de propriété lenght :aie:
Donc Agents.lenght vaut undefined et comme undefined == 0, tu te retrouves au final avec un tableau vide ! :aie:

J'ai omis de préciser que toutes mes variables sont définies en dehors de la fonction de cette façon :

Code:

1
2
3
var Agents = [];
var AllInputs = null;
var CheckBox = null;

J'ai appliqué la modification que vous avez suggéré et modifié un peu le code et cela fonctionne comme par miracle.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
   var Agents = [];
   var AllInputs = null;
   var CheckBox = null;
   var Data = null;
 
   function SendPost(id) {
      AllInputs = $(".instance-" + id);
      CheckBox = document.getElementById("CheckBox" + id);
      jQuery.each(AllInputs, function () {
         if (this.value != "")
            Agents.push(this.value);
      })
      Agents.push("");
      Data = { agents: Agents, id: id, Night: CheckBox.checked };
      $.ajax({
         url: "Home/DetailBot",
         data: Data,
         type: "POST"
      });
   }

19/06/2013, 14h22
Invité

Bon voila j'ai trouvé pourquoi cela s'est mis a fonctionner.
A savoir que le code que j'ai fournis lors de mon premier post fonctionnait très bien hier.
C'est ce matin qu'il s'est mis a ne plus fonctionner pour apparement aucune raison.
Dans ma page j'utilise les datepicker de jQuery UI et j'ai eu le malheur de déclarer (ce matin) une

Code:

var Date = null

pour récupérer la valeur du datepicker.

Et il se trouve que tant que cette variable restait dans mon code, rien ne fonctionnait.