Rumah hujung hadapan web Soal Jawab bahagian hadapan Apakah perbezaan antara jsonp dan ajax

Apakah perbezaan antara jsonp dan ajax

Jan 13, 2022 pm 06:16 PM
ajax jsonp

Perbezaan: 1. Teras ajax adalah untuk mendapatkan kandungan bukan halaman ini melalui xmlHttpRequest, manakala teras jsonp adalah untuk menambah tag skrip secara dinamik untuk memanggil skrip js yang disediakan oleh pelayan; menyokong mendapatkan permintaan, manakala ajax menyokong mendapatkan dan menghantar permintaan.

Apakah perbezaan antara jsonp dan ajax

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Kaedah panggilan ajax dan jsonp adalah sangat serupa Tujuannya adalah untuk meminta url dan kemudian memproses data yang dikembalikan oleh pelayan Oleh itu, jquery dan ext dan rangka kerja lain merangkumkan jsonp sebagai bentuk ajax. . Mari kita lihat jsonp dan ajax dan perkenalkan perbezaannya.

1. Prinsip kerja Ajax

Ia bersamaan dengan menambah lapisan perantaraan (enjin AJAX) antara pengguna dan pelayan, jadi bahawa Operasi pengguna dan respons pelayan adalah tidak segerak. Enjin Ajax akan melakukan beberapa pengesahan data dan pemprosesan data untuk permintaan pengguna Tidak semua permintaan diserahkan kepada pelayan Apabila data baharu perlu dibaca dari pelayan, enjin Ajax menyerahkan permintaan kepada pelayan bagi pihaknya. Kelebihan terbesar AJAX ialah ia berkomunikasi dengan pelayan untuk mengekalkan data tanpa menyegarkan keseluruhan halaman.

Proses:

Langkah 1: Buat objek enjin ajax, IE6 ialah ActiveXObject baharu, pelayar lain ialah objek xmlHttpRequest baharu

Langkah 2: Panggil Kaedah terbuka bermula a permintaan untuk dihantar. Kaedah terbuka lulus dalam tiga parameter: jenis permintaan, url permintaan dan nilai Boolean

Langkah ketiga: hubungi kaedah hantar untuk menghantar

Langkah keempat : Proses fungsi panggil balik onreadystatechange, proses data respons apabila readState = 4 (data respons selesai), dan status = 200 (permintaan berjaya).

Nota: Fungsi panggil balik mesti ditulis sebelum open() dan send().

2. Cara Jsonp berfungsi

Buat teg skrip secara dinamik dan gunakan atribut src teg skrip untuk mencapai akses merentas domain tanpa sekatan.

Klien web memanggil fail format js (akhiran .json) yang dijana secara dinamik pada pelayan merentas domain dengan cara yang sama seperti memanggil skrip Tujuan fail json dijana secara dinamik oleh pelayan adalah untuk memuatkan data yang diperlukan oleh pelanggan.

Membenarkan pengguna menghantar parameter panggil balik ke pelayan, dan kemudian apabila pelayan mengembalikan data, ia akan menggunakan parameter panggil balik ini sebagai nama fungsi untuk membalut data json, supaya pelanggan boleh menyesuaikan fungsinya sendiri untuk mengendalikan data pemulangan secara automatik.

3 Perbezaan antara Ajax dan jsonp

  • Inti ajax adalah untuk mendapatkan kandungan bukan halaman ini melalui xmlHttpRequest;

    Inti jsonp adalah untuk menambahkan tag skrip secara dinamik untuk memanggil skrip js (akhiran .json) yang disediakan oleh pelayan.

  • jsonp ialah kaedah atau protokol bukan mandatori, dan ajax tidak semestinya perlu menggunakan format json untuk menghantar data.

  • jsonp hanya menyokong permintaan mendapatkan, dan ajax menyokong permintaan mendapatkan dan menyiarkan.

[Cadangan tutorial berkaitan: Tutorial video AJAX]

Atas ialah kandungan terperinci Apakah perbezaan antara jsonp dan ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menyelesaikan ralat 403 yang dihadapi oleh permintaan jQuery AJAX Bagaimana untuk menyelesaikan ralat 403 yang dihadapi oleh permintaan jQuery AJAX Feb 20, 2024 am 10:07 AM

Tajuk: Kaedah dan contoh kod untuk menyelesaikan ralat 403 dalam permintaan AJAX jQuery Ralat 403 merujuk kepada permintaan bahawa pelayan melarang akses kepada sumber Ralat ini biasanya berlaku kerana permintaan itu tidak mempunyai kebenaran atau ditolak oleh pelayan. Apabila membuat permintaan jQueryAJAX, anda kadangkala menghadapi situasi ini Artikel ini akan memperkenalkan cara menyelesaikan masalah ini dan memberikan contoh kod. Penyelesaian: Semak kebenaran: Mula-mula pastikan alamat URL yang diminta adalah betul dan sahkan bahawa anda mempunyai kebenaran yang mencukupi untuk mengakses sumber tersebut.

Bagaimana untuk menyelesaikan ralat permintaan jQuery AJAX 403 Bagaimana untuk menyelesaikan ralat permintaan jQuery AJAX 403 Feb 19, 2024 pm 05:55 PM

jQuery ialah perpustakaan JavaScript popular yang digunakan untuk memudahkan pembangunan sisi klien. AJAX ialah teknologi yang menghantar permintaan tak segerak dan berinteraksi dengan pelayan tanpa memuatkan semula keseluruhan halaman web. Walau bagaimanapun, apabila menggunakan jQuery untuk membuat permintaan AJAX, anda kadangkala menghadapi 403 ralat. Ralat 403 biasanya ralat akses yang dinafikan pelayan, mungkin disebabkan oleh dasar keselamatan atau isu kebenaran. Dalam artikel ini, kami akan membincangkan cara menyelesaikan permintaan jQueryAJAX yang menghadapi ralat 403

Bagaimana untuk mendapatkan pembolehubah daripada kaedah PHP menggunakan Ajax? Bagaimana untuk mendapatkan pembolehubah daripada kaedah PHP menggunakan Ajax? Mar 09, 2024 pm 05:36 PM

Menggunakan Ajax untuk mendapatkan pembolehubah daripada kaedah PHP adalah senario biasa dalam pembangunan web Melalui Ajax, halaman boleh diperoleh secara dinamik tanpa menyegarkan data. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Ajax untuk mendapatkan pembolehubah daripada kaedah PHP, dan memberikan contoh kod khusus. Pertama, kita perlu menulis fail PHP untuk mengendalikan permintaan Ajax dan mengembalikan pembolehubah yang diperlukan. Berikut ialah kod contoh untuk fail PHP mudah getData.php:

Bagaimana untuk menyelesaikan masalah jQuery AJAX ralat 403? Bagaimana untuk menyelesaikan masalah jQuery AJAX ralat 403? Feb 23, 2024 pm 04:27 PM

Bagaimana untuk menyelesaikan masalah jQueryAJAX ralat 403? Apabila membangunkan aplikasi web, jQuery sering digunakan untuk menghantar permintaan tak segerak. Walau bagaimanapun, kadangkala anda mungkin menghadapi kod ralat 403 apabila menggunakan jQueryAJAX, menunjukkan bahawa akses dilarang oleh pelayan. Ini biasanya disebabkan oleh tetapan keselamatan bahagian pelayan, tetapi terdapat cara untuk mengatasinya. Artikel ini akan memperkenalkan cara menyelesaikan masalah ralat jQueryAJAX 403 dan memberikan contoh kod khusus. 1. membuat

PHP lwn. Ajax: Penyelesaian untuk mencipta kandungan yang dimuatkan secara dinamik PHP lwn. Ajax: Penyelesaian untuk mencipta kandungan yang dimuatkan secara dinamik Jun 06, 2024 pm 01:12 PM

Ajax (JavaScript Asynchronous dan XML) membenarkan menambah kandungan dinamik tanpa memuatkan semula halaman. Menggunakan PHP dan Ajax, anda boleh memuatkan senarai produk secara dinamik: HTML mencipta halaman dengan elemen kontena dan permintaan Ajax menambah data pada elemen selepas memuatkannya. JavaScript menggunakan Ajax untuk menghantar permintaan kepada pelayan melalui XMLHttpRequest untuk mendapatkan data produk dalam format JSON daripada pelayan. PHP menggunakan MySQL untuk menanyakan data produk daripada pangkalan data dan mengekodnya ke dalam format JSON. JavaScript menghuraikan data JSON dan memaparkannya dalam bekas halaman. Mengklik butang mencetuskan permintaan Ajax untuk memuatkan senarai produk.

Pertukaran data tak segerak menggunakan fungsi Ajax Pertukaran data tak segerak menggunakan fungsi Ajax Jan 26, 2024 am 09:41 AM

Cara menggunakan fungsi Ajax untuk mencapai interaksi data tak segerak Dengan perkembangan teknologi Internet dan Web, interaksi data antara bahagian hadapan dan bahagian belakang telah menjadi sangat penting. Kaedah interaksi data tradisional, seperti penyegaran halaman dan penyerahan borang, tidak lagi dapat memenuhi keperluan pengguna. Ajax (JavaScript Asynchronous dan XML) telah menjadi alat penting untuk interaksi data tak segerak. Ajax membolehkan web menggunakan JavaScript dan objek XMLHttpRequest

Memahami Rangka Kerja Ajax: Terokai Lima Rangka Kerja Biasa Memahami Rangka Kerja Ajax: Terokai Lima Rangka Kerja Biasa Jan 26, 2024 am 09:28 AM

Memahami Rangka Kerja Ajax: Terokai lima rangka kerja biasa, memerlukan contoh kod khusus Pengenalan: Ajax ialah salah satu teknologi penting dalam pembangunan aplikasi Web moden. Ia telah menjadi bahagian penting dalam pembangunan bahagian hadapan kerana ciri-cirinya seperti menyokong interaksi data tak segerak dan menambah baik pengalaman pengguna. Untuk lebih memahami dan menguasai rangka kerja Ajax, artikel ini akan memperkenalkan lima rangka kerja Ajax biasa dan menyediakan contoh kod khusus untuk membantu pembaca memperoleh pemahaman yang mendalam tentang penggunaan dan kelebihan rangka kerja ini. 1. jQueryjQuery adalah yang paling banyak pada masa ini

PHP dan Ajax: Membina enjin cadangan autolengkap PHP dan Ajax: Membina enjin cadangan autolengkap Jun 02, 2024 pm 08:39 PM

Bina enjin cadangan autolengkap menggunakan PHP dan Ajax: Skrip sisi pelayan: mengendalikan permintaan Ajax dan mengembalikan cadangan (autocomplete.php). Skrip pelanggan: Hantar permintaan Ajax dan cadangan paparan (autocomplete.js). Kes praktikal: Sertakan skrip dalam halaman HTML dan nyatakan pengecam elemen input carian.

See all articles