Discussion :

[Yu-Chan]

Bonjour,

J'ai ce code de 2010 :

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
 
function itemSearch(name)
{
    if(name == '') {
        document.getElementById('a_result').innerHTML = '';
    }
    else
    {
        /* À cet endroit précis, on peut faire apparaître un message d'attente */
        var loading = document.getElementById('a_result');
			loading.style.background = 'url(images/loading.gif) #FFF no-repeat center';
			getXhr();
 
		xhr.onreadystatechange = function()
			{
			 if(xhr.readyState == 4 && xhr.status == 200) {
				         document.getElementById('a_result').style.background = '';
 
 
			 document.getElementById('result').innerHTML=xhr.responseText;
 
			 }
			}
		xhr.open("GET","view/result.php?name="+name,true);
		xhr.send(null);
    }
}

Que donnerai ce code en jquery svp ?

Merci

[Toufik83]

Salut,

Un truc du genre :

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
 
function itemSearch(name){
	if(name==''){
  	$("#a_result").html("");
  }
  else{
  	var loading=$("#a_result");
        loading.css("background",'url(images/loading.gif) #FFF no-repeat center');
        $.ajax({
    	   url:"view/result.php",
           data:{"name":name}
       })
       .done(function(d){//en cas de succès
    	  console.log("done :",d);
          loading.css("background","");//ou bien loading.removeAttr("background") si tu veux le supprimer.
          $("#result").html(d);
       })
       .fail(function(err){//en cas d'erreur
          console.log("erreur :",err);});
       }
}

[melka one]

jour

j' appel pas ça une mise a jour je dirait plutôt que c' est une régression car tu perd l'avantage de l' indépendance.

[Toufik83]

melka one
Pourquoi ne pas dire que : je veux apprendre les nouvelles bibliothèques ?

Sans prendre en considération le nombre des lignes en jQuery est 21, alors qu'en JS pur ça fait 27 + (la longueur des instructions...).

[melka one]

justement jquery n'est pas récent.

[Doksuri]

jquery n'est plus aussi 'indispenssable/supermegaouf' comme c'etait le cas en 2010
si tu tiens vraiment a compter tes lignes, voici la version vanilla

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
function itemSearch(name) {
	if(name==''){
		document.getElementById('a_result').innerHTML = '';
	} else {
		const loading = document.getElementById('a_result');
        loading.style.background = 'url(images/loading.gif) #FFF no-repeat center';
        fetch('view/result.php',
			{body:JSON.stringify({"name":name}) }
		)
		.then(res => res.text())
		.then(d => {
			console.log("done :",d);
			loading.style.background = '';
			document.getElementById('result').innerHTML = d;
		})
		.catch(err => {
			console.log("erreur :",err);
		});
	}
}

j'ai pas teste, mais ca devrait etre ca
(j'ai traduit la version jquery propose plus haut)