Discussion :

[RogaDev]

Slt à tous et à toutes , je suis vraiment content d'être avec vous

Svp aujoud'hui je me trouve devant un probleme que j'essai de resoudre depui deux jours
en effet j'essai de faire une recherche automatique via un API "une autosuggestion".
Pour le moment j'utilise ajax pour le developpement mais je n'est aucun resultat apres resultat.

Je vous demande de m'aidez pour la resolution de ce probleme.

Merci

[psychadelic]

Dans la barre d'URL du navigateur ?
donc une extension pour Chrome ?

autosuggestion ça veut rien dire, sauf si tu veux faire un truc genre méthode couet.
Tu veux dire autocompletion ?

soit plus clair !

[RogaDev]

Bonjour,
En effet s'est d'une autocompletion q'u'il s'agit.
j'ai mon url mais je n'arrive tourjours pas à trouver le bon script pour recupérer les donnnées de mon url.

voici le code que j'utilise

Code html :

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

1
2
3
		<form action="#">
			<input type="text" name="what"id="what">
		</form>

Code JavaScript :

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
 
	$(function ()
{
	$("#what").autocomplete({
		source: function (request, response)
		{
			 $.ajax({
		 "async": true,
		  "crossDomain": true,
		  "method": "GET",
		  "headers": {}
 
        "url": "https://api.what3words.com/v2/autosuggest?addr=index.home.raft&key=GDEFCTEK&focus=51.521251%2C-0.203586&lang=fr&format=json&display=full",
         data: { q: request.term },
            dataType: "json",
            success: function (data) {
				var suggestions=[];
                response($.map(data.features, function (item) {
 
                    if ($.inArray(item.properties.words, suggestions) == -1) {
                        suggestions.push(item.properties.words);
                        return { label: item.properties.words 
                        };
                    }
                }));
            }
        });
		},
 
		minLength: 1,
		delay: 600
	});
});

[psychadelic]

https://lmgtfy.com/?q=javascript+autocompletion
https://github.com/search?q=autocompletion

[NoSmoking]

Bonjour,
je ne saisi pas ce que tu cherches à récupérer, quand on tape ton URL dans la barre d'adresse on obtient :

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
{
  "thanks": "Thanks from all of us at index.home.raft for using a what3words API",
  "suggestions": [{
    "country": "gb",
    "distance": 0,
    "words": "index.home.raft",
    "rank": 1,
    "language": "en",
    "geometry": {
      "lng": -0.203586,
      "lat": 51.521251
    },
    "place": "Bayswater, London"
  }, {
    "country": "gb",
    "distance": 9,
    "words": "index.mole.raft",
    "rank": 2,
    "language": "en",
    "geometry": {
      "lng": -0.214518,
      "lat": 51.603291
    },
    "place": "Hendon, London"
  }, {
    "country": "gb",
    "distance": 7,
    "words": "index.dimes.raft",
    "rank": 3,
    "language": "en",
    "geometry": {
      "lng": -0.121206,
      "lat": 51.553134
    },
    "place": "Holloway, London"
  }],
  "status": {
    "reason": "OK",
    "status": 200
  }
}

donc dans le success de ton appel Ajax il te faut faire

Code :

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

1
2
3
4
5
6
7
8
success: function( data ) {
  var result = [];
  console.log( "data" ,data);
  $.each(data.suggestions, function(ind, elem){
      result.push( elem.words);  // ICI le champ que tu veux récupérer
    });
  response( result );
}

Ceci étant il semblerait que tu ais toujours le même résultat en retour et ce quelque soit la saisie dans ton champ what, est-ce vraiment de l'« autocomplétion » que tu cherches à faire ?

[Watilin]

Sinon il y a <datalist> qui permet une mise en œuvre sans ajax