Menggunakan jq untuk memanggil Ajax akan menunjukkan apa yang berlaku apabila Ajax bukan kaedah
$.ajax({
type:"get",
url:"js/data.txt",
success: function(data) {
console.log(data);
}
} );
报错显示
$.ajax bukan fungsi
Rumah > Soal Jawab > teks badan
$.ajax({
type:"get",
url:"js/data.txt",
success: function(data) {
console.log(data);
}
} );
报错显示
$.ajax bukan fungsi
z老师2023-03-30 14:11:39
Dalam proses pembangunan web, adalah sangat biasa untuk menggunakan Ajax untuk interaksi data tak segerak. Antaranya, jQuery ialah perpustakaan JavaScript yang sangat terkenal Ia mempunyai sejumlah besar fungsi dan kaedah terbina dalam untuk memudahkan pembangunan bahagian hadapan kami. Dalam jQuery, ia juga sangat mudah untuk menggunakan Ajax untuk interaksi data tak segerak Anda hanya perlu menggunakan fungsi $.ajax() untuk mencapainya. Walau bagaimanapun, apabila menggunakan fungsi $.ajax(), kadangkala kita menghadapi masalah, iaitu gesaan "Ajax bukan kaedah" dipaparkan. Jadi, apa yang menyebabkan masalah ini?
Pertama sekali, kita perlu menjelaskan dengan jelas bahawa gesaan "Ajax bukan kaedah" bukan disebabkan oleh jQuery itu sendiri. Dalam jQuery, fungsi $.ajax() ialah kaedah yang ditakrifkan pada objek jQuery, maksudnya, apabila memanggil fungsi $.ajax(), kita mesti membuat instantiate objek jQuery. Jika kita terus menggunakan fungsi "Ajax()" untuk memanggil Ajax, ia akan menggesa "Ajax is not a method".
Jadi, bagaimana untuk menyelesaikannya? Sebenarnya, menyelesaikan masalah ini adalah sangat mudah Anda hanya perlu memperkenalkan perpustakaan jQuery dengan betul dan membuat instantiat objek jQuery. Di bawah, saya akan memberikan contoh mudah:
<!DOCTYPE html>
<html>
<head>
<title>使用jQuery调用Ajax</title>
<meta charset="utf-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$.ajax({
url: 'test.php',
type: 'POST',
data: {
name: '张三',
age: 18
},
success: function(response) {
console.log(response);
}
});
});
</script>
</head>
<body>
<h1>使用jQuery调用Ajax示例</h1>
</body>
</html>Dalam kod di atas, kami mula-mula memperkenalkan perpustakaan jQuery. Kemudian, selepas halaman dimuatkan, kami membuat instantiat objek jQuery melalui fungsi $(document).ready() dan menggunakan fungsi $.ajax() untuk interaksi data tak segerak. Dalam contoh ini, kami menetapkan URL permintaan Ajax kepada "test.php", kaedah permintaan kepada POST dan lulus dua parameter (nama dan umur). Apabila permintaan Ajax berjaya, kami mengeluarkan data yang dikembalikan oleh pelayan ke konsol.
Secara umum, gesaan "Ajax bukan kaedah" biasanya disebabkan oleh pustaka jQuery tidak diimport dengan betul atau objek jQuery tidak dijadikan instantiated. Masalah ini boleh diselesaikan dengan mudah dengan hanya menyemak pengenalan dan instantiasi perpustakaan jQuery. Pada masa yang sama, kami juga boleh memasukkan "$" atau "jQuery" dalam konsol untuk mengesahkan sama ada objek jQuery telah diperkenalkan dengan betul dan instantiated.