Bagaimana untuk menulis data menggunakan jquery

Dalam proses menggunakan jQuery untuk penghantaran data, kita boleh menggunakan kaedah $.ajax() atau $.post(). Berikut ialah dua cara menulis data untuk dihantar:

1. Gunakan kaedah $.ajax() untuk menghantar data

Andaikan kami mempunyai halaman untuk menghantar borang, yang mengandungi nama, e-mel dan mesej tiga medan. Kami boleh menggunakan kaedah berikut untuk menghantar data dalam medan ini:

$.ajax({
    url: "/submitForm",
    type: "POST",
    data: {
        name: $("#name").val(),
        email: $("#email").val(),
        message: $("#message").val()
    },
    success: function(data) {
        // 请求成功时的代码
    },
    error: function(xhr, status, error) {
        // 请求失败时的代码
    }
});

Dalam kod di atas, kami menggunakan kaedah $.ajax() untuk menghantar data, di mana:

• url : Mewakili URL tempat pelayan menerima data;
• jenis: Mewakili kaedah penghantaran data, yang boleh menjadi
• data: Mewakili data yang akan dihantar, yang boleh a rentetan atau objek ;
• kejayaan: menunjukkan fungsi panggil balik apabila permintaan berjaya;
• ralat: menunjukkan fungsi panggil balik apabila permintaan gagal; kami akan namakan, Data dalam medan e-mel dan mesej diperoleh melalui pemilih jQuery, dan kemudiannya dikapsulkan ke dalam objek. Seterusnya, hantar objek ini sebagai parameter data kepada kaedah $.ajax(). Apabila pelayan menerima data ini, ia akan memanggil pengendali yang sepadan untuk menyelesaikan operasi seterusnya.

Gunakan kaedah $.post() untuk menghantar data

2. Selain kaedah $.ajax(), kita juga boleh menggunakan kaedah $.post() untuk menghantar data. Berikut ialah contoh menggunakan kaedah $.post():

$.post("/submitForm", {
    name: $("#name").val(),
    email: $("#email").val(),
    message: $("#message").val()
}, function(data) {
    // 请求成功时的代码
}, "json");

Dalam kod di atas, kami menggunakan kaedah $.post() untuk menghantar data, di mana:

url: Mewakili URL tempat pelayan menerima data;

data: Mewakili data yang akan dihantar, yang boleh menjadi rentetan atau objek
• kejayaan: Mewakili fungsi panggil balik apabila permintaan berjaya;
• dataType: Menunjukkan jenis data yang dikembalikan oleh pelayan, yang boleh menjadi xml, json, skrip, html atau teks, dsb.
• Berbeza dengan kaedah $.ajax(), kaedah $.post() melalaikan kaedah permintaan kepada POST dan parameter data dihantar terus kepada kaedah ini. Dengan cara ini, kita dapat merealisasikan penghantaran data dengan lebih mudah.

Ringkasan

Sama ada anda menggunakan kaedah $.ajax() atau kaedah $.post(), ia boleh digunakan untuk pemindahan data dan kedua-duanya adalah berdasarkan perpustakaan teras jQuery. Apabila kami perlu menghantar data ke pelayan, kami boleh memilih salah satu kaedah dan melaksanakan konfigurasi dan operasi yang sepadan mengikut keperluan kami sendiri.

Atas ialah kandungan terperinci Bagaimana untuk menulis data menggunakan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!