ajax Installazione o configurazione


Esempio

Cos'è AJAX?


AJAX sta per Asynchronous JavaScript e XML. In breve, è l'uso dell'oggetto XMLHttpRequest per comunicare con gli script sul lato server. Può inviare e ricevere informazioni in una varietà di formati, inclusi JSON, XML, HTML e persino file di testo. -Mozilla Developer Network 2016

Il modo più semplice per implementare AJAX, specialmente se stai pianificando di comunicare con i server, è usare jQuery.

Cos'è jQuery?


jQuery è una libreria JavaScript veloce, piccola e ricca di funzionalità. Rende le cose come attraversamento di documenti HTML e manipolazione, gestione degli eventi, animazione e Ajax molto più semplice con un'API facile da usare che funziona su una moltitudine di browser. -jquery.com

Per coloro che non hanno usato molto jQuery, pensatelo come funzioni che possiamo usare per rendere più facile la nostra vita. Questo è perfetto per l'utilizzo con AJAX in quanto riduce la quantità di codice che dobbiamo scrivere per realizzare la stessa cosa!

Come aggiungere jQuery al tuo sito web

Se hai bisogno di usare Ajax, devi aggiungere jQuery al tuo progetto. http://jquery.com/download/ In questo link puoi vedere molti modi per aggiungere jquery. Puoi usare la versione scaricata di jQuery o puoi usare un CDN. http://jquery.com/download/#jquery-39-s-cdn-provided-by-maxcdn . Ma c'è qualche rischio per la sicurezza se usi la CDN. Becauese il progetto chiama ad usare jquery, quindi un hacker potrebbe manipolare la chiamata. Quindi meglio se potessi usare la versione scaricata. Vediamo come aggiungere jquery al progetto html. È facile. Il primo esempio è utilizzare la fonte scaricata. Usa questo link per scaricare http://jquery.com/download/#jquery . Se vuoi utilizzare jquery, ti suggerisco di scaricare Scarica il file compresso, produzione jQuery 3.1.1 Quando lo scarichi aggiungi jquery-version.min.js al posto appropriato (come la cartella javascript del tuo progetto) Quindi aggiungi il tag con src = jquery / posizione come sotto.

<head>

<script src="path/from/html/page/to/jquery.min.js"></script>

</head>

Vediamo come usare un CDN. Questo link http://jquery.com/download/#using-jquery-with-a-cdn puoi vedere vari CDN (Content Delivery Network).

<head>

<script   src="https://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>

</head>

Come puoi vedere, devi solo aggiungere i tag che il provider CDN fornisce al. Ora aggiungi alcuni script alla pagina html per verificare che funzioni.

<script>
$(document).ready(function(){
    alert("jQuery Works")
});
</script>

Se vedi jQuery funziona come avviso, significa che lo hai aggiunto correttamente.