Rumah  >  Artikel  >  hujung hadapan web  >  Apakah perbezaan antara jquery dan ajax dalam vue

Apakah perbezaan antara jquery dan ajax dalam vue

WBOY
WBOYasal
2022-06-14 11:16:362241semak imbas

Perbezaan: 1. Kaedah ajax dalam jquery boleh dipanggil terus, tetapi ia tidak boleh dipanggil terus dalam vue, kerana vue sendiri tidak menyokong permintaan ajax dan perlu dilaksanakan dengan bantuan pemalam yang ditentukan ; 2. HTTP tak segerak dilaksanakan dalam Permintaan jquery, sintaksnya ialah "$.ajax({type:...,url:...,data:...,success:...,dataType:...} )", dan vue menggunakan sintaks pemalam ialah "axios.get(url...)".

Apakah perbezaan antara jquery dan ajax dalam vue

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.

Apakah perbezaan antara ajax dalam jquery dan vue

ajax dalam jQuery

kaedah ajax() digunakan untuk melaksanakan AJAX (HTTP tak segerak) permintaan .

1.$.ajax() ialah pelaksanaan ajax peringkat bawah dalam jQuery, dan yang lebih tinggi ialah kaedah $.get dan $.post

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

2 Kaedah .$.get, minta Operasi apabila berjaya Jika anda mahu operasi apabila permintaan gagal, gunakan $.ajax()

$(selector).get(url,data,success(response,status,xhr),dataType)
$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});

ialah singkatan daripada $.ajax

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
Contoh:

Apakah perbezaan antara jquery dan ajax dalam vue

3.$.kaedah pos

$("input").keyup(function(){
  txt=$("input").val();
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result);
  });
});
ialah singkatan daripada yang berikut

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

Dapatkan data json melalui permintaan HTTP get

Apakah perbezaan antara jquery dan ajax dalam vue

ialah singkatan daripada yang berikut

Apakah perbezaan antara jquery dan ajax dalam vue

5. Dua kaedah yang penting

.serialize() menyerikan kandungan borang menjadi rentetan;

.serializeArray() menyerikan elemen borang dan mengembalikan data struktur data JSON.

Ajax dalam VUE

vue sendiri tidak menyokong permintaan ajax, anda perlu menggunakan vue-resource, pemalam axios

vue2 secara rasmi mengesyorkan axios, yang merupakan klien permintaan HTTP berasaskan Promise tidak lagi akan mengekalkan dan mengemas kini vue-resource; 🎜> 2. Lulus parameter melalui pilihan params

axios.post(url,data,[options]);
axios([options])  
axios.get(url[,options]);

Apabila axios menghantar data secara lalai, format data ialah Request Payload, bukan kami Format Data Borang yang biasa digunakan,

Jadi parameter mesti diluluskan dalam bentuk pasangan nilai kunci dan tidak boleh dihantar dalam bentuk json

Kaedah lulus parameter:

1 . Sambungkan mereka menjadi pasangan nilai kunci sendiri

2. Gunakan transformRequest untuk menukar data permintaan sebelum menghantar permintaan

3. Jika anda menggunakan pembangunan modular, anda boleh menggunakan modul qs untuk penukaran

axios sendiri tidak menyokongnya Tiada API yang sepadan untuk menghantar permintaan merentas domain dan pengarang tidak bercadang untuk menambah sokongan untuk menghantar permintaan merentas domain dalam axios, jadi kami hanya boleh menggunakan pihak ketiga perpustakaan

Cadangan tutorial video:

Tutorial video jQuery

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn