Rumah > Artikel > hujung hadapan web > Apakah perbezaan antara jquery dan ajax dalam vue
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...)".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.4.1, komputer Dell G3.
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:
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 ialah singkatan daripada yang berikut 5. Dua kaedah yang penting .serialize() menyerikan kandungan borang menjadi rentetan; .serializeArray() menyerikan elemen borang dan mengembalikan data struktur data JSON.
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 jQueryAtas ialah kandungan terperinci Apakah perbezaan antara jquery dan ajax dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!