Penjelasan terperinci tentang Ajax get, post dan kaedah lain dalam jQuery

Kaedah

load() biasanya digunakan untuk mendapatkan fail data statik daripada pelayan web, tetapi ini tidak menggambarkan nilai penuh ajax.

Dalam projek, jika anda perlu menghantar beberapa parameter ke halaman pada pelayan, anda boleh menggunakan kaedah $.get() atau $.post() (atau kaedah $.ajax())

Kaedah $.get() Menggunakan kaedah GET untuk membuat permintaan tak segerak. Strukturnya ialah: $.get(url [, data] [, panggil balik] [, type])

Parameter kaedah $.get() dijelaskan seperti berikut:

Nama parameter	Taip	Penerangan
url	Rentetan	Alamat URL halaman HTML yang diminta
data(pilihan)	Objek	Data kunci/nilai yang dihantar ke pelayan akan dilampirkan pada URL permintaan sebagai QueryString
panggilan balik(pilihan)	Fungsi	Fungsi panggil balik dipanggil apabila pemuatan berjaya (kaedah ini hanya dipanggil apabila status pulangan Respons berjaya) dan hasil permintaan serta status dihantar secara automatik kepada kaedah ini
taip(pilihan)	Rentetan	Format kandungan yang dikembalikan oleh pelayan, termasuk xml, html, skrip, json, teks dan _default

Kaedah $.post().

Struktur dan penggunaan kaedah $.post() dan $.get() adalah sama, tetapi masih terdapat perbezaan berikut di antara mereka:

Permintaan GET akan melepasi parameter selepas URL, manakala permintaan POST akan dihantar ke pelayan web sebagai kandungan entiti mesej HTTP.
Kaedah GET mempunyai had saiz pada data yang dihantar (biasanya tidak melebihi 2KB), manakala jumlah data yang dihantar menggunakan kaedah POST jauh lebih besar daripada kaedah GET (secara teorinya tidak terhad)
Data yang diminta oleh kaedah GET akan dicache oleh penyemak imbas, jadi orang lain boleh membaca data daripada sejarah penyemak imbas, seperti nombor akaun dan kata laluan. Dalam sesetengah kes, kaedah GET akan menyebabkan masalah keselamatan yang serius, manakala kaedah POST secara relatifnya boleh mengelakkan masalah ini
Data yang dipindahkan melalui kaedah GET dan kaedah POST diperoleh secara berbeza di bahagian pelayan.

$.getScript(): jQuery menyediakan kaedah ini untuk memuatkan fail js secara langsung, yang semudah dan mudah seperti memuatkan serpihan HTML, dan tidak memerlukan pemprosesan fail JavaScript, fail JavaScript akan dilaksanakan secara automatik.

Kod jQuery adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

$(fungsi () {

           $("#send").klik(fungsi () {

              $.getScript("test.js");

});

})

Seperti kaedah ajax lain, kaedah $.getScript() juga mempunyai fungsi panggil balik, yang akan dijalankan selepas fail JavaScript berjaya dimuatkan.

Contohnya: Jika anda ingin memuatkan pemalam animasi warna rasmi jQuery (jquery.color.js), dan mengikat animasi perubahan warna pada elemen selepas berjaya:

Salin kod Kod adalah seperti berikut:

* { margin:0; pelapik:0;}
            badan { saiz fon:12px;}
.komen { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
          .komen h6 { font-weight:700; font-size:14px;}
          .para { margin-top:5px; text-indent:2em:#DDD;}
.block{width:80px;height:80px;background:#DDD;}

        * { margin:0; pelapik:0;}
        badan { saiz fon:12px;}
        .komen { margin-top:10px; padding:10px; sempadan:1px pepejal #ccc;latar belakang:#DDD;}
        .komen h6 { font-weight:700; saiz fon:14px;}
        .para { margin-top:5px; text-indent:2em;background:#DDD;}

已有评论：

        * { margin:0; pelapik:0;}
        badan { saiz fon:12px;}
        .para {
            lebar:100px;
            ketinggian:100px;
            jidar:5px;
            sempadan:0;
        }

Artikel terbaru oleh pengarang