Penjelasan terperinci tentang penggunaan $.get, $.post, $.getJSON dan $.ajax dalam jQuery

Fokus bab ini ialah bercakap tentang empat kaedah memanggil ajax dalam jQuery: $.get, $.post, $getJSON, $ajax.

Apabila kami "gembira" untuk menulis program ajax dalam javascript, tiba-tiba seseorang memberitahu anda bahawa terdapat satu perkara yang dipanggil jquery, yang akan memberitahu anda betapa gembiranya tidak berinteraksi secara langsung dengan HttpRequest, dan pada masa yang sama masa, anda tidak akan lagi Anda tidak perlu risau lagi tentang masalah kod ajax yang bercelaru. Apa yang lebih baik ialah kod js anda akan dipermudahkan dengan lebih baik Selepas membaca artikel ini, anda akan mendapati bahawa ajax hanyalah masalah satu ayat.

1. $.get

Kaedah $.get() menggunakan kaedah GET untuk membuat permintaan tak segeraknya ialah:

$.get( url [, data] [, callback] );

Terangkan pelbagai parameter fungsi ini:

url: jenis rentetan, alamat permintaan ajax.

data: Parameter pilihan, jenis objek Data kunci/nilai yang dihantar ke pelayan akan dilampirkan pada URL permintaan sebagai QueryString.

panggilan balik: parameter pilihan, jenis fungsi, fungsi ini dipanggil secara automatik apabila ajax kembali berjaya.

Akhir sekali tulis contoh $.get() untuk rujukan anda:

$.get(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    }
)

2 >Kaedah $.post() menggunakan kaedah POST untuk membuat permintaan tak segerak Struktur sintaksnya ialah:

Kaedah ini serupa dengan $.get(), kecuali terdapat parameter jenis tambahan, maka. Di sini kami hanya memperkenalkan parameter jenis Untuk maklumat lain, sila rujuk $.get() di atas.

jenis: jenis ialah jenis data yang diminta, yang boleh menjadi html, xml, json, dll. Jika kita menetapkan parameter ini kepada: json, maka format yang dikembalikan akan berada dalam format json akan sama dengan Format yang dikembalikan oleh $.get() adalah sama, kedua-duanya adalah rentetan.

$.post(url,[data],[callback],[type]);

Akhir sekali tulis contoh $.post() untuk rujukan anda:

3 $.getJSON()

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤园',
    },function(data,state){
        //这里显示从服务器返回的数据
        alert(data);
        //这里显示返回的状态
        alert(state);
    },
    "json"
)

$. getJSON() disediakan khas untuk ajax untuk mendapatkan data json, dan menyokong panggilan merentas domainnya ialah:

url: jenis rentetan, menghantar data alamat permintaan: parameter pilihan, menjadi. Hantar parameter Kunci/nilai, sama seperti dapatkan dan kirimkan panggilan balik data jenis: Parameter pilihan, fungsi panggil balik apabila pemuatan berjaya, sama seperti dapatkan dan hantar jenis panggilan balik

JSON ialah format penghantaran data yang ideal disepadukan dengan JavaScript atau bahasa hos lain, dan boleh digunakan secara langsung oleh JS. Menggunakan JSON adalah lebih munasabah dari segi struktur dan lebih selamat daripada menghantar data "bogel" secara terus melalui GET dan POST tradisional. Bagi fungsi getJSON() jQuery, ia hanyalah versi ringkas bagi fungsi ajax() dengan parameter JSON yang ditetapkan. Fungsi ini juga boleh digunakan merentas domain dan mempunyai kelebihan tertentu berbanding get() dan post(). Selain itu, fungsi ini boleh membiarkan program melaksanakan fungsi panggil balik X dengan menulis url permintaan dalam format "myurl?callback=X".

getJSON(url,[data],[callback]);

4. $.ajax()

$.ajax() ialah pakej ajax biasa dalam jquery ialah:

Pilihan ialah jenis objek, yang menentukan parameter khusus panggilan ajax ini Di sini saya lampirkan parameter yang paling biasa digunakan

$.ajax(options);

Di atas ialah cara jquery melaksanakan panggilan ajax agak rumit. Saya harap bab ini boleh membantu semua orang Untuk lebih banyak tutorial berkaitan, sila layari

Tutorial Video jQuery

,

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功后回调
            alert(e); 
        },
        error: function(e){    //失败后回调
            alert(e);
        },
        beforeSend: function(){  /发送请求前调用，可以放一些"正在加载"之类额话
            alert("正在加载");
        }
})

Tutorial Video AJAX

!