C'è solo una parte Ajax di jQuery?

Question

C'è solo parte Ajax di jQuery? La questione è che non ho bisogno dell'intera libreria ma solo della sua parte Ajax (ho bisogno di includere questa parte su diversi iframe).

Answer 1

È tutto o niente. Ovviamente jquery è open source e potresti estrarre la parte che ti interessa nella tua libreria (buona fortuna con questo). Puoi prendere in considerazione l'utilizzo di un CDN che assicurerà che la maggior parte degli utenti lo abbia già memorizzato nella cache del browser, quindi non dovresti preoccuparti delle dimensioni.

Answer 2

Non c'è nessuno pronto, ma è possibile ovviamente tagliare e incollare dal file esistente e quindi ridurlo a icona.

Se si è solo preoccupati delle dimensioni della libreria che serve da un CDN di Google, MS o jQuery richiederà probabilmente meno traffico dati poiché la maggior parte dei browser ha già i file nella cache.

Answer 3

Come già dice Darin, è tutto o niente. Le funzioni Ajax di JQuery sono strettamente intrecciate con il resto della funzionalità.

Ci sono alcune altre librerie Ajax stand-alone in giro come Matt Kruse's Ajax toolbox - forse questo aiuta.

Vorrei prendere in considerazione il caricamento della libreria jQuery completa. Se si collega a jQuery on a CDN, i tempi di caricamento saranno minuscoli.

Answer 4

Se si desidera veramente solo le parti Ajax di jQuery è possibile ottenere il codice dal proprio repository (https://github.com/jquery/jquery), osservandolo si vorrà vedere "ajax.js" e "core.js" nel " directory "src". Dovresti quindi compilarli insieme al compilatore di chiusura o qualcosa del genere.

Ma come altri hanno affermato, sarebbe molto più semplice caricarlo da uno dei CDN (jQuery, Google, Microsoft) che la maggior parte degli utenti avrà comunque memorizzato nella cache.

Answer 5

ho creato un generazione personalizzata di jQuery 1.7.1 qui:

https://github.com/dtjm/jquery/tree/ajaxonly

Answer 6

Come di jQuery 1.8 si può fare: LINK

Answer 7

SÌ, ho appena fatto il mio, http://noypi-linux.blogspot.com/2013/05/build-jquery-with-ajax-only.html

solamente bisogno di questi file (risultante minified fa circa 30Kb):

/d/dev/javascript/jquery/jquery/src/intro.js 
/d/dev/javascript/jquery/jquery/src/core.js 
/d/dev/javascript/jquery/jquery/src/callbacks.js 
/d/dev/javascript/jquery/jquery/src/deferred.js 
/d/dev/javascript/jquery/jquery/src/support.js 
/d/dev/javascript/jquery/jquery/src/data.js 
/d/dev/javascript/jquery/jquery/src/event.js 
/d/dev/javascript/jquery/jquery/src/serialize.js 
/d/dev/javascript/jquery/jquery/src/ajax.js 
/d/dev/javascript/jquery/jquery/src/ajax/xhr.js 
/d/dev/javascript/jquery/jquery/src/exports.js 
/d/dev/javascript/jquery/jquery/src/outro.js 

Answer 8

Aggiornamento 2016

È possibile utilizzare questo strumento per costruire la propria versione personalizzata jQuery.

jQuery Builder

Come di jQuery 2.1.1

file di dimensioni complete unminified è: 241,55 Kb

Ajax Solo minified è: 49.60 Kb

Questo è un 5x riduzione delle dimensioni.

Answer 9

È possibile visualizzare le alternative JavaScript standard a jQuery a youmightnotneedjquery.com

Per esempio l'alternativa al $.ajaxpost è:

var request = new XMLHttpRequest(); 
request.open('POST', '/my/url', true); 
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); 
request.send(data); 

E l'alternativa a $.ajaxget è:

var request = new XMLHttpRequest(); 
request.open('GET', '/my/url', true); 

request.onload = function() { 
    if (request.status >= 200 && request.status < 400) { 
    // Success! 
    var resp = request.responseText; 
    } else { 
    // We reached our target server, but it returned an error 

    } 
}; 

request.onerror = function() { 
    // There was a connection error of some sort 
}; 

request.send(); 

Answer 10

Un'altra opzione sarebbe quella di utilizzare l'API fetch integrata fornita dal browser.

Ecco un frammento di esempio:

fetch('http://localhost:3000/users.json', { 
    method: 'POST', 
    mode: 'cors', 
    redirect: 'follow', 
    body: JSON.stringify({ 
    user: { 
     firstName: 'john', 
     lastName: 'doe' 
    } 
    }), 
    headers: new Headers({ 'Content-Type': 'application/json' }) 
}).then(function() { 
    /* handle response */ 
}); 

This blog post è una grande introduzione alla API e mostra più casi d'uso.

fetch non ha ancora il supporto completo per i browser (credo che manchino principalmente IE e Safari), ma c'è del polyfill che è possibile utilizzare fino a quel giorno.

fetch polyfill: https://github.com/github/fetch

più vecchio dei browser anche bisogno di un Promise polyfill (one option, another option).

Answer 11

L'utente AMD legge this, la mia risposta è per la creazione di un singolo file.
O semplicemente usare questa libreria: ded/reqwest (4 KB, min & gzip)

---

1. Scarica source code ed eseguire npn i

2. Aprire /src/jquery.js e rimuovere eventuali Moudle non si vuole, ma keep "./exports/amd", "./exports/global"

   define([ 
       "./ajax", 
       "./ajax/xhr", 
       "./ajax/script", 
       "./ajax/jsonp", 
       "./exports/amd", 
       "./exports/global" 
   ], function (jQuery) { 
       "use strict"; 
       return jQuery; 
   }); 
   

3. Run grunt custom:-sizzle

4. Goto /dist e prendere il vostro costruire

moduli in costruzione ora:

• nucleo
• differita
• ajax

Dimensione:

• appena costruita: 85 KB
• compilazione con min: 26 KB
• compilazione con min & gzip: 10 KB