AJAX Mawazo ya Kigeni

AJAX ni mpangilio wa wakimbizi, kwa sababu unaamua:

  • Sasa page haitasafirishwa
  • Kutuma data kutoka kwa mwingineo wa mtandao baada ya page kushuka
  • Kutuma data kutoka kwa mwingineo wa mtandao baada ya page kushuka
  • Kutuma data kwa mwingineo wa mtandao kwenye msingi

AJAX Mfano

Bonyeza butoni chini ili Ajax kuwahusisha hii yaani:

Mtafiti tena

Maelezo ya mivuno ya AJAX

Page ya HTML

<!DOCTYPE html>
<html>
<body>
<div id="demo">
  <h2>Angalia maelezo ya AJAX inayofikia hapa</h2>
  <button type="button" onclick="loadDoc()">Gusa yaani</button>
</div>
</body>
</html>

Hii page ya HTML ina <div> na <button>.

<div> Kwa kutumia ujumbe kutoka kwa mwingineo wa mtandao.

<button> Tuia programu (kama itatumiwa).

Hii ni programu ya kuwafikia data kutoka kwa mwingineo wa mtandao na kuonesha hii:

Function loadDoc()
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "ajax_info.txt", true);
  xhttp.send();
}

Je ni? AJAX?

AJAX = Asynchronous JavaScript And XML.

AJAX sio lugha ya programu.

AJAX inapakia kama kipakia cha:

  • Kivinjati XMLHttpRequest yenye uwanja wa kumtaarifu (kumtaarifu data kutoka kwa mtandao wa kumtaarifu)
  • JavaScript na HTML DOM (kuonyesha au kutumia data)

Ajax inaajiri jina. Programu za Ajax inaweza kutumia XML kusababisha data, lakini inaweza kusababisha data kama mawasiliano ya matukio au data ya JSON pia.

Ajax inaruhusiwa kusasaisha ukurasa kwa kutumia mawasiliano na mtandao wa kumtaarifu iliyochangia na ukurasa huo. Hii inamaanisha inaweza kusasaisha sehemu za ukurasa bila kusasisha ukurasa kipya kote.

How AJAX Works

AJAX
  1. Matukio yanaendelea kwenye ukurasa (kama ukurasa unakubaliwa, maboni unapendekezwa)
  2. Kivinjati XMLHttpRequest kinatokana na JavaScript
  3. Kivinjati XMLHttpRequest inatuma mawasiliano kwa mtandao wa kumtaarifu
  4. Mtu wa kumtaarifu inakusha mawasiliano hii
  5. Mtu wa kumtaarifu inatuma mawasiliano kubaliwa kwenye ukurasa
  6. Kivinjati cha JavaScript kinakusha mawasiliano
  7. Kivinjati cha JavaScript kinafanya kazi sahihi (kama kusasisha ukurasa)