Wywołanie Ajax w HTML

pytanie zadane 2 kwietnia 2019 w JavaScript przez Steady Obywatel (1,140 p.)

Szukam informacji w jaki sposób mogę wywołać w HTML mój kod Ajax napisany w oddzielnym skrypcie JS.

Chodzi o to żeby na stronie pokazywało informacje pobrane przez Ajax.

Ajax:

$.ajax({
    type: 'GET',
    url: 'https://api.twitch.tv/kraken/streams/freecodecamp',
    headers: {
      'client-ID' : '3g6rghsoi345365fsba7k3q13aqje0'
    },
    success: function(data2){
      console.log(data2.stream.game)
    },
  });

miejsce w HTML, w którym chciałbym wywołać skrypt JS:

<div class="game">
          
</div>

1 odpowiedź

odpowiedź 2 kwietnia 2019 przez Chess Szeryf (76,710 p.)

Nie wiem, czy o to chodzi, ale napisz tak:

<body>

<div class="game">
           
</div>

<script src="file_external.js"></script>
</body>

https://www.w3.org/TR/2011/WD-html5-author-20110705/the-script-element.html

1	komentarz 2 kwietnia 2019 przez Comandeer Guru (601,550 p.) Czemu powołujesz się na prehistoryczną wersję specyfikacji? Obecna specyfikacja HTML 5.x znajduje się pod adresem https://w3c.github.io/html

komentarz 2 kwietnia 2019 przez Steady Obywatel (1,140 p.)

Połączone ze sobą mam te pliki tylko chodzi o to, że np. w Ajax chce pobrać z youtube np. liczbe wyświetleń danego filmu to wszystko działa w konsoli tylko nie wiem jak zrobić tak, żeby ta liczba wyświetleń znajdowała się miedzy div'ami, zeby na stronie sie to wyświetlilo

komentarz 2 kwietnia 2019 przez Chess Szeryf (76,710 p.)
edycja 2 kwietnia 2019 przez Chess

@Comandeer, jakoś tak wyszło, że nie szukałem najnowszej specyfikacji, podałem link do pierwszej lepszej strony.

@Steady:

document.getElementsByTagName('game')[0].textContent = 'displays';

Edit:

Niedokładnie spojrzałem, dzięki @Comandeer za zwrócenie słusznej uwagi. Miało być:

document.getElementsByClassName('game')[0].textContent = 'displays';

2	komentarz 2 kwietnia 2019 przez Comandeer Guru (601,550 p.) Na stronie nie ma elementu game, jest div.game, więc bardziej: document.querySelector( '.game' )[ 0 ].textContent = odpowiednie.pobrane.dane;

komentarz 2 kwietnia 2019 przez Steady Obywatel (1,140 p.)

Jakbyś mógł tylko mi jeszcze pomóc w tym, w którym miejscu dokładnie mam umieścić to

document.querySelector( '.game' )[ 0 ].textContent = display;

przed $.ajax? Na końcu?

1	komentarz 2 kwietnia 2019 przez Chess Szeryf (76,710 p.) Moim zdaniem tutaj: success: function(data2){ document.querySelector('.game')[0].textContent = (data2.stream.game); }

1	komentarz 2 kwietnia 2019 przez Comandeer Guru (601,550 p.) Tak, to powinno znaleźć się wewnątrz success. Widzę jednak, że wkradł się mały błąd – ma być bez [0].

1	komentarz 2 kwietnia 2019 przez Chess Szeryf (76,710 p.) Moje niedopatrzenie kolejne, dzieje się tak ponieważ zostało użyte querySelector zamiast querySelectorAll, ekh...