Bagaimana mencegah permintaan jQuery Ajax dari caching di Internet Explorer?

275

Bagaimana cara mencegah permintaan jQuery Ajax dari caching di Internet Explorer?

jquery internet-explorer

— SABU
sumber

1

Menggunakan POST bukannya GET mencegah caching. stackoverflow.com/questions/6216234/disable-ajax-caching

— Prashant Gupta

8

YSlow dan alat pengembang Chrome akan memperingatkan Anda jika Anda menggunakan permintaan POST untuk AJAX - umumnya GET harus menjadi metode yang disukai kecuali Anda benar-benar perlu POST.

— Pawel Krakowiak

Inilah jawaban Anda: nonaktifkan Cache di IE

— S.Mohamed Mahdi Ahmadian zadeh

524

Anda dapat menonaktifkan caching secara global $.ajaxSetup(), misalnya:

$.ajaxSetup({ cache: false });

Ini menambahkan stempel waktu ke querystring saat mengajukan permintaan. Untuk mematikan cache untuk $.ajax()panggilan tertentu , aktifkan cache: falsesecara lokal, seperti ini:

$.ajax({
  cache: false,
  //other options...
});

— Nick Craver
sumber

2

Seandainya saya akan melihat item pengaturan global ini sebelumnya. Baru saja menyelamatkan saya dari keharusan memperbarui puluhan panggilan individual.

— James Skemp

2

Saya tahu ini adalah jawaban lama, hanya ingin tahu apakah ini memengaruhi semua panggilan ajax seperti (ajax, dapatkan dan kirim) atau hanya panggilan ajax tertentu?

— Lumpy

6

@Lumpy, menurut dokumentasi jQuery.ajax () , cache: falsehanya akan berfungsi dengan benar dengan permintaan HEAD dan GET. Juga, jika Anda menetapkan cache: falsedi $.ajaxSetup, menurut jQuery.ajaxSetup () dokumentasi , itu akan "nilai-nilai default set untuk permintaan masa depan Ajax." Jadi ya, itu akan menonaktifkan cache untuk semua permintaan HEAD dan GET AJAX mendatang.

— John Washam

11

Kata hati-hati: ini menambahkan "? _ = Somenumber" ke URL Anda. Pastikan ujung belakang Anda dapat mengabaikan "_" di parameter kueri URL.

4

+1 untuk cache: false. Menonaktifkan caching secara global sepertinya berlebihan, tetapi memiliki kontrol per permintaan adalah sempurna. Terima kasih

— Lewat Coding

21

Jika Anda mengatur parameter unik, maka cache tidak berfungsi, misalnya:

$.ajax({
    url : "my_url",
    data : {
        'uniq_param' : (new Date()).getTime(),
        //other data
    }});

— Koss
sumber

13

Itulah yang cachesudah dilakukan parameter di belakang layar.

— Jose Rui Santos

Kode ajaxSetup di atas tidak bekerja untuk saya, tidak menghabiskan banyak waktu untuk mencari tahu mengapa. Variabel global buruk, dan terkadang Anda ingin melakukan cache. Jawaban ini yang terbaik menurut saya.

— bladefist

@bladefist Anda sepertinya telah mengenai masalah yang sama dengan saya. Apakah Anda tahu jika ada opsi lain selain mengubah data untuk membuat IE menghentikan caching? Alasan saya bertanya adalah karena permintaan saya sebenarnya tidak menggunakan 'data' dan semua data disertai dengan URL.

— badri

1

Sebenarnya, inilah yang seharusnya dilakukan cache di belakang layar sesuai informasi ini dari - api.jquery.com/jquery.ajax cache (default: true, false untuk dataType 'script' dan 'jsonp') Jenis: Boolean Jika disetel ke false, itu akan memaksa halaman yang diminta untuk tidak di-cache oleh browser. Catatan: Mengatur cache ke false hanya akan berfungsi dengan benar dengan permintaan HEAD dan GET. Ini bekerja dengan menambahkan "_ = {timestamp}" ke parameter GET.

— badri

@bladefist Jelas mengatakan bahwa itu akan menambahkan stempel waktu ke parade GET. jadi ingin tahu mengapa kode yang disediakan oleh Koss bekerja untuk Anda dan menonaktifkan cache lokal atau global tidak?

— badri

12

Cache-Control: no-cache, no-store

Kedua nilai header ini dapat digabungkan untuk mendapatkan efek yang diperlukan baik pada IE maupun Firefox

— Zoltan Toth
sumber

12

Masalahnya adalah bahwa IE tidak selalu mendengarkan ini, sayangnya :)

— Nick Craver

1

@Nick, apakah itu yakin? saya tidak menguji Kontrol Cache ini. Apakah Jquery Ajax chache berfungsi di semua browser?

7

Ini harus bekerja pada semua browser, ya ... tapi kadang-kadang IE hanya suka men-cache keluar dari segala sesuatu

— Nick Craver

@Nick - Saya mengatur cache ajax ke false.Tapi pesan sukses ajax tidak masuk di IE dan juga di FF. Bisakah Anda memverifikasi kode saya? apakah kode saya salah? Terima kasih var ajaxfile = basis + "index.php / msc / popup_view /" + obj + "/" + id + "/" + no_tab; $ .ajax ({type: "GET", url: ajaxfile, // contentType: "application / json; charset = utf-8", cache: false, success: function (msg) {$ ("# popup"). html (msg);}});

— SABU

Saya baru saja mengkonfirmasi bahwa IE11 mengabaikan header ini. Chrome juga melempar kesalahan CORS.

— Lenin

5

Berikut ini proposal jawaban:

http://www.greenvilleweb.us/how-to-web-design/problem-with-ie-9-caching-ajax-get-request/

Idenya adalah untuk menambahkan parameter ke kueri ajax Anda yang berisi misalnya tanggal saat ini suatu waktu, sehingga browser tidak akan dapat men-cache itu.

Lihat tautannya, itu dijelaskan dengan baik.

— DRK
sumber

13

Itulah yang cachesudah dilakukan parameter di belakang layar.

— Jose Rui Santos

1

Anda dapat mendefinisikannya seperti ini:

let table = $('.datatable-sales').DataTable({
        processing: true,
        responsive: true,
        serverSide: true,
        ajax: {
            url: "<?php echo site_url("your url"); ?>",
            cache: false,
            type: "POST",
            data: {
                <?php echo your api; ?>,
            }
        }

atau seperti ini:

$.get({url: <?php echo json_encode(site_url('your api'))?>, cache: false})

semoga membantu

— Fajar A. R
sumber

-4

Ini adalah posting lama, tetapi jika IE memberi Anda masalah. Ubah permintaan GET Anda menjadi POST dan IE tidak akan lagi menyimpannya.

Saya menghabiskan terlalu banyak waktu untuk mencari tahu ini dengan cara yang sulit. Semoga ini bisa membantu.

— Beberapa pria
sumber

Saya tidak berpikir Anda harus menyalahgunakan tindakan HTTP. Pengaturan cache:falseberdasarkan kasus per kasus adalah caranya.

— tommybond