Discussion :

[aloisio11]

Bonjour à tous,

Ça faite 2 jours que je me casse la tête sur ce problème et je ne trouve aucune solution.
J'aimerais faire un autocomplete en jQuery avec une source Ajax.
Voici mon code client :

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
 
$(".txtNewLine").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        minLength: 3,
                        url: "Ajax.asmx/GetArt",
                        data: "{'pSearch':'" + request.term + "'}",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.label,
                                    value: item.value
                                }
                            }))
                        },
                        error: function (result) {
                            alert('Erreur : ' + result.statusText);
                        }
                    });
                }
            });

Voici ce que retourne mon Ajax.asmx/GetArt avec un document.write(JSON.stringify(data)) dans le success: function (data) { :

Code :

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

1
2
 
{"d":"[{\"label\":\"146167\",\"value\":\"935677\"},{\"label\":\"283\",\"value\":\"104279\"},{\"label\":\"35604\",\"value\":\"1070023H\"},{\"label\":\"75171\",\"value\":\"583Z438\"},{\"label\":\"150222\",\"value\":\"231385\"},{\"label\":\"159369\",\"value\":\"PC201\"}]"}

Voici ce que retourne mon Ajax.asmx/GetArt depuis mon navigateur :

Code :

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

1
2
3
 
<?xml version="1.0" encoding="UTF-8"?>
<string xmlns="http://tempuri.org/">[{"label":"146167","value":"935677"},{"label":"283","value":"104279"},{"label":"35604","value":"1070023H"},{"label":"75171","value":"583Z438"},{"label":"150222","value":"231385"},{"label":"159369","value":"PC201"}]</string>

Je n'ai pas d'erreur qui s'affiche.
J'ai tout essayé, je ne sais plus quoi faire

Merci d'avance

[SpaceFrog]

Essaye de visualiser dans la console (onglet reseau ou xhr ) le retour de ton ajax
tu peux aussi le faire par le code ...

Code :

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

 success: function (data) { console.log(data); },

[aloisio11]

Code :

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

1
2
3
4
5
6
7
 
[object Object]
   {
      [functions]: ,
      __proto__: { },
      d: "[{"label":"146167","value":"935677"},{"label":"283","value":"104279"},{"label":"35604","value":"1070023H"},{"label":"75171","value":"583Z438"},{"label":"150222","value":"231385"},{"label":"159369","value":"PC201"}]"
   }

[danielhagnoul]

Code :

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

1
2
3
"success" : function( data ){
  response( data.d );
},

[aloisio11]

Rien ne s'affiche

[danielhagnoul]

Passer par $.map() n'est pas nécessaire si data.d contient déjà le bon array d'objets.

Déjà demandé par SpaceFrog : Que donne un simple console.log( data.d ); ?

Votre code jQuery UI est loin du code source de la démonstration : http://jqueryui.com/autocomplete/#remote

Il est plus proche du code source de la démonstration pour le jsonp : http://jqueryui.com/autocomplete/#remote-jsonp

Les démonstrations sont pour la version 1.11.4 de jQuery UI, si vous utilisez une version obsolète...

[aloisio11]

Code :

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

[{"label":"146167","value":"935677"},{"label":"283","value":"104279"},{"label":"35604","value":"1070023H"},{"label":"75171","value":"583Z438"},{"label":"150222","value":"231385"},{"label":"159369","value":"PC201"}]

J'utilise la version v1.11.4

Je ne vois pas comment utiliser mon WebService (asmx) en tant que source avec le code de http://jqueryui.com/autocomplete/#remote

[danielhagnoul]

Code :

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

[{"label":"146167","value":"935677"},{"label":"283","value":"104279"},{"label":"35604","value":"1070023H"},{"label":"75171","value":"583Z438"},{"label":"150222","value":"231385"},{"label":"159369","value":"PC201"}]

Donc le contenu de "data.d" est correct.

J'utilise la version v1.11.4

Parfait !

Je ne vois pas comment utiliser mon WebService (asmx) en tant que source avec le code de http://jqueryui.com/autocomplete/#remote

Ce service ne peut pas donner la réponse en jsonp ?