Apakah perbezaan antara axios dan ajax

Perbezaan antara axios dan ajax: 1. axios ialah perpustakaan HTTP berasaskan Promise, manakala ajax ialah enkapsulasi XHR asli 2. teknologi ajax merealisasikan penyegaran data tempatan, manakala axios merealisasikan Enkapsulasi ajax; .

Persekitaran pengendalian artikel ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Apakah perbezaan antara aksios dan ajax?

Perbezaan, kelebihan dan kekurangan antara aksios dan ajax:

ajax:

1 Apakah itu ajax

　Ajax ialah enkapsulasi XHR asli. . Untuk mencapai Kami menyeberang dan menambah sokongan untuk JSONP.

　Javascript tak segerak dan xml, ajax bukan teknologi baharu, tetapi gabungan berbilang teknologi, digunakan untuk membuat halaman dinamik dengan cepat dan boleh mengemas kini data tanpa memuat semula untuk meningkatkan pengalaman pengguna .

2. Apakah prinsip ajax?

Pelanggan meminta enjin ajax, dan kemudian enjin ajax meminta pelayan Pelayan membuat satu siri respons dan mengembalikannya kepada enjin ajax menentukan tempat untuk menulis hasilnya pelanggan. Capai kemas kini data tanpa muat semula halaman.

3.

XMLHttpReques

4. Kebaikan dan keburukan ajax?

Kelebihan

1. Kemas kini data tanpa menyegarkan

2. Komunikasi tak segerak dengan pelayan

3. Front-end dan back-end imbangan beban

4. Disokong secara meluas berdasarkan piawaian

5. Pengasingan antara muka dan aplikasi

Kelemahan:

1. Ajax tidak boleh menggunakan Back dan fungsi sejarah, iaitu, untuk menyemak imbas kerosakan pada mekanisme organ.

　2. Isu keselamatan Ajax mendedahkan butiran interaksi dengan pelayan

　3. Sokongan untuk enjin carian agak lemah

　4. Musnahkan mekanisme pengendalian pengecualian program

　5. Melanggar niat asal URL dan kedudukan sumber

　6. Ajax tidak menyokong peranti mudah alih dengan baik

　7. Terlalu banyak kod pelanggan menyebabkan kos pembangunan

5. Senario terpakai Ajax
　<1> interaksi dipacu borang
　<2>
　<3> komunikasi dan tindak balas
　<4>. Senario yang tidak penting seperti pengundian, ya/tidak, dsb.
　<5> dan senario autolengkap

6. Senario yang tidak boleh digunakan oleh Ajax 　<1> Beberapa bentuk mudah
　<2>; navigasi
<.sic
　<4>.Gantikan sejumlah besar teks
　<5>.Manipulasi pembentangan

7 >8. Lima langkah permintaan ajax

　1. Cipta objek tak segerak XMLHttpRequest

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  dataType: dataType,
  success: function () {},
  error: function () {}
});

　2. Tetapkan fungsi panggil balik 　3 sambungan dengan pelayan

4. Hantar data ke pelayan

5. Proses status respons yang berbeza dalam fungsi panggil balik

aksios:

1 Apakah itu axiosAxios ialah platform berdasarkan

Janji

Pustaka HTTP boleh digunakan dalam penyemak imbas dan node.js. 2. Apakah ciri yang ada pada axios? 1. Cipta XMLHttpRequests dalam penyemak imbas

2. Cipta permintaan http dalam node.js
　3. Support Promise API　4. Sokong pemintasan permintaan dan respons

　5. Tukar data permintaan dan respons

　6. Batalkan permintaan

7. Tukar secara automatik kepada format data JSON

8. Pelanggan menyokong pertahanan terhadap XSRF

3. Terdapat dua cara untuk melaksanakan permintaan mendapatkan

4. Apabila melaksanakan permintaan pos, perhatikan parameter input permintaan siaran .

// 第一种方式  将参数直接写在url中axios.get('/getMainInfo?id=123')
.then((res) => {
  console.log(res)
})
.catch((err) => {
  console.log(err)
})// 第二种方式  将参数直接写在params中axios.get('/getMainInfo', {  params: {
    id: 123
  }
})
.then((res) => {
  console.log(res)
})
.catch((err) => {
  console.log(err)
})

Perbezaan antara axios dan ajax:

axios.post('/getMainInfo', {
  id: 123})
.then((res) => {
  console.log(res)
})
.catch((err) => {
  console.log(err)
})

axios ialah enkapsulasi teknologi ajax melalui Promise Sama seperti jquery enkapsulasi ajax, secara ringkasnya, teknologi ajax merealisasikan penyegaran data tempatan, dan axios merealisasikan enkapsulasi ajax Beberapa axios dan ajax memilikinya, tetapi beberapa ajax dan axios mungkin tidak memilikinya , ajax bukan sekadar aksios. Nota: Ajax Tradisional merujuk kepada XMLHttpRequest (XHR), Axios dan jQuer ajax adalah kedua-duanya enkapsulasi Ajax

Pembelajaran yang disyorkan: "tutorial video ajax"

Atas ialah kandungan terperinci Apakah perbezaan antara axios dan ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!