Apakah perbezaan antara axios dan ajax dalam jquery

Perbezaan antara axios dan ajax dalam jquery: 1. axios ialah enkapsulasi teknologi ajax melalui promise, manakala jquery merangkum teknologi permintaan ke dalam ajax 2. axios ialah perpustakaan HTTP berasaskan Promise, dan ajax ialah enkapsulasi XHR asli.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Apakah perbezaan antara axios dan ajax dalam jquery

Perbezaan antara axios dan ajax:

axios ialah perpustakaan HTTP berasaskan Promise, manakala ajax ialah Enkapsulasi bagi XHR asli;

axios ialah enkapsulasi teknologi ajax melalui promise, sama seperti JQuery melaksanakan enkapsulasi ajax.

Ringkasnya: teknologi ajax merealisasikan muat semula data separa halaman web, dan axios merealisasikan enkapsulasi ajax. Dalam erti kata lain, jQuery merangkum teknologi permintaan ke dalam ajax, dan melalui janji, ajax dikapsulkan ke dalam aksios. Axios ialah ajax, dan ajax adalah lebih daripada sekadar aksios.

Dengan ajax, mengapa menggunakan axios?

Dalam mod mvvm bahagian hadapan semasa, axios lebih sesuai untuk permintaan data.

Pengetahuan lanjutan:

definisi ajax

Ringkasnya, AJAX tanpa memuatkan semula keseluruhan halaman web Muatkan data melalui latar belakang dan paparkannya pada halaman web

jQuery merangkumkan ajax asli untuk kita Sekarang kita hanya memerlukan satu baris kod yang ringkas untuk melaksanakan fungsi AJAX.

1. Antara muka asas

2 Pintasan

    $.ajax({
      url:'',    //请求地址
      method:'',  //请求方式
      data:{},     //传参  无参可不写
      success:function(res){
        //请求成功的回调函数
      },
      error:function(err){
        //请求失败的回调函数
      }，
    })

    $.get(url,data,function(res){})
    $.post(url,data,function(res){})

Penggunaan permintaan axios

Axios Yes An Pustaka HTTP berdasarkan janji (Promise ialah penyelesaian untuk pengaturcaraan tak segerak), yang boleh digunakan dalam penyemak imbas dan node.js

jQuery ajax:

itu sendiri direka untuk pengaturcaraan MVC, Ia bukan selaras dengan MVVM bahagian hadapan semasa

Berdasarkan pembangunan XHR asli, struktur XHR itu sendiri tidak jelas, dan sudah ada alternatif untuk diambil

Keseluruhan projek JQuery terlalu besar, dan hanya menggunakan ajax memerlukan pengenalan keseluruhan JQuery adalah sangat tidak munasabah (ia menggunakan penyelesaian pembungkusan yang diperibadikan dan tidak dapat menikmati perkhidmatan CDN)

Penggunaan asli axios:

axios kaedah pintasan:

axios({
      url:'http://47.93.206.13:8002/user/login',
      // baseURL:'http://47.93.206.13:8002',
      method:'post',
      // params:    用于get请求
      data:{    //用于post请求
        username:'admin1',
        password:'123321'   
      }
    }).then((res) => {
      console.log(res);
    })

Pengesyoran tutorial video:

/ 引入
let axios=require('axios')//到当前node_modules找，找不到再往上找
// 封装写法
axios.get('http://47.107.65.238:8888/index/article/pageQuery?page=1&pageSize=10')
  .then(function (response) {
    console.log(response);
  })

Tutorial video jQuery

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