• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Rekomendacja strony - testowanie, trening - Ajax

Fiszki IT
Fiszki IT
0 głosów
41 wizyt
pytanie zadane 9 maja w JavaScript przez VBService VIP (120,900 p.)
edycja 10 maja przez VBService

Jak w temacie, chciałabym zarekomendować stronę, przy pomocy, której można testować lub uczyć się pisania kodu "Ajax-owego".  wink

{JSON} Placeholder

Free fake API for testing and prototyping.

 

 

Przykład:

<label for="users">Ajax lista autocomplete</label>
<input type="text" id="users" name="users">
input {
  padding: 0.5em 1em;
  width: 20%;
}
label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.25em;
  padding: 0.25em 0.5em;
  width: 100%;
}
window.onload = () => {
  fetch('https://jsonplaceholder.typicode.com/users/')
    .then(function(response) {
      if (response.ok)
        return response.json();
      throw response;
    })
    .then(function(data) {
      if (data.length > 0)
        dataList(data);
    })
    .catch(function(error) {
      console.warn(error);
    });
}

function dataList(data) {
  const users = document.querySelector('#users');
  
  const datalist = document.createElement('datalist');
  datalist.id = 'users-list';
  users.setAttribute('list', datalist.id);
  
  const fragment = document.createDocumentFragment();

  for (let user of data) {
	const option = document.createElement('option');
	option.textContent = user.name;
	fragment.append(option);
    //console.log(user);
  }

  datalist.append(fragment);
  users.after(datalist);
}

 

1 odpowiedź

0 głosów
odpowiedź 10 maja przez niezalogowany

Dzięki smiley Super stronka yes

Podobne pytania

0 głosów
1 odpowiedź 85 wizyt
pytanie zadane 5 sierpnia 2019 w JavaScript przez auradin Użytkownik (560 p.)
0 głosów
0 odpowiedzi 443 wizyt
0 głosów
0 odpowiedzi 22 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

84,702 zapytań

133,503 odpowiedzi

295,887 komentarzy

55,979 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...