Teknologian jakaminen

Mikä on AJAX? Natiivi syntaksimuoto? Mitä eroa on paketoidun AJAXin tarjoavan jQueryn välillä?

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

ajax koko nimi Asynkroninen JavaScript ja XML (asynkroninen JavaScript ja XML) 

AJAXSe on verkkokehitystekniikka interaktiivisten verkkosovellusten luomiseen.Ydinriippuvuus on selaimen tarjoama XMLHttpRequest-objekti HTTP Pyydä ja vastaanota HTTP vastaus. Saavuta vuorovaikutus palvelimen kanssa päivittämättä sivua.

Alkuperäinen AJAX-syntaksimuoto:

  1. let xhr = new XMLHttpRequest();
  2. xhr.open('get','js/index.json',true);
  3. xhr.send();
  4. xhr.onreadystatechange = function() {
  5. if (xhr.readyState == 4 && xhr.status == 200) {
  6. let text = xhr.responseText;
  7. console.log(text);
  8. let data = JSON.parse(text);
  9. console.log(data);
  10. }
  11. };
Kuinka käyttää ajaxia:
1. Luo XMLHttpRequest-objekti
2. Määritä pyydettävä osoite, tyyppi ja menetelmä avoimella menetelmällä.
3. Käytä lähetysmenetelmää pyynnön lähettämiseen, jos sinun on välitettävä parametrit:
Get-menetelmä edellyttää parametrien liittämistä URL-osoitteen loppuun ja parametrien erottamista. Esimerkki: 'index.php?name=张三&age=18'
Post-metodi voi asettaa parametreja send()-funktioon. Esimerkki: send('name=张三&age=18')
4. Sido onreadystatechange-tapahtuma määrittääksesi readyStaten ja tilan tilan.
5. Vastaanota tiedot ja käytä niitä json-muunnoksen kautta.

 

jQuery tarjoaa paketoidun AJAXin, joka on nopeampi ja soveltuu käytettäväksi kehitysprojekteissa. Native AJAX on helpompi ymmärtää ja ymmärtää.

jQuery syntaksimuoto:

  1. $.ajax({
  2. type: "GET",
  3. url: 'js/exercise.json',
  4. data: {},
  5. headers:'',
  6. datatype:'',
  7. async:'',
  8. success: function(result) {
  9. console.log(result);
  10. data = result;
  11. },
  12. Error: function(e) {
  13. console.log(e.status);
  14. console.log(e.responseText);
  15. },
  16. });