Hvordan bruke Ajax Load & Then Cache

Hvordan bruke Ajax Load & Then Cache


Noen AJAX lasting verktøy, for eksempel RadAjaxLoadingPanel, support skinning, som tillater brukere å endre Skin egenskapsinnstillingene. Disse verktøyene kan også gjøre deg i stand til å plassere laste bildet i alle posisjoner i lasteområdet. AJAX caching verktøyene er like imponerende fordi de virkelig kan forbedre nettstedets side lasting. Teste ulike AJAX verktøy for disse handlingene kan være spennende, så utforske alternativer før du betale for et bestemt program å bruke.

Bruksanvisning

1 Klikk på den første knappen som heter "last ()" i jQuery biblioteket. Dette er den mest vanlige bruken av AJAX: lasting HTML eksternt og integrere det inn i Document Object Model, eller DOM. Nedenfor er Javascript-kode for denne effekten:

$ .ajaxSetup ({

cache: false

});

Var ajax_load = "& lt; img src = 'img / load.gif' alt = 'laster ..." /> ";

// last () funksjoner

var loadUrl = "ajax/load.php";

$ ( "# Load_basic"). Klikk (funksjon () {

. $ ( "# Resultat") html (ajax_load) .load (loadUrl);

});

2 Klikk på "last () #DOM" -knappen. Dette utføres med følgende kode:

$ ( "# Load_dom"). Klikk (funksjon () {

$("#result")

HTML (ajax_load)

.load (loadUrl + "#picture");

});

Med denne metoden er bare innholdet i #DOM lastet inn den gjeldende siden.

3 Klikk på "last () tilbakeringing" for å se hvordan de laster verktøyet fungerer AJAX. Koden nedenfor viser handling iverksatt av denne metoden:

$ ( "# Load_callback"). Klikk (funksjon () {

$("#result")

HTML (ajax_load)

.load (loadUrl, null, funksjon (response) {

alert ( "Response: \ n" + response);

});

});

4 Lim inn følgende kode for å aktivere caching handlingen av AJAX. Dette konkret eksempel fra DavidWalsh.name viser hvordan caching fungerer for Twitter:

// Vår cache objektet

Var cache = {};

Var formatTweets (info) {

//formats tweets, does whatever you want with the tweet information

};

//hendelse

$ ( 'MyForm'). AddEvent ( 'submit', function () {

var handle = $('handle').value; //davidwalshblog, for example

Var cacheHandle = handle.toLowerCase ();

if (cache [cacheHandle]) {

formatTweets (cache [cacheHandle]);

}

else {

// gitter

Var myTwitterGitter = ny TwitterGitter (håndtak, {

count: 10,

onComplete: funksjon (tweets, bruker) {

cache [cacheHandle] = tweets;

formatTweets (tweets);

}

}).hente();

}

});

5 Tøm buffer ved å lime inn følgende kode:

(function () {cache = {};}). periodisk (1000 60 10); //10 minutter

Dette er funksjonelle og enkle å gjennomføre for alle bruksområder.

Hint

  • Test lasting og caching kraften i AJAX for ulike programmer for å se om det fungerer på alle programmene dine.
  • Andre tutorials er tilgjengelig for andre funksjoner på AJAX. Lær dem å maksimere kjent med AJAX.