$http

Mattepuffo's logo
Effettuare richieste AJAX con Vue.js

Effettuare richieste AJAX con Vue.js

Specifichiamo cha parliamo della versione di 2 di Vue.js.

Lo sto cominciando a vedere adesso, quindi non so quante differenze ci siano con la versione 1.

Comunque, vediamo come effettuare richieste AJAX e di conseguenza riepire una tabella.

Mattepuffo's logo
Pull down refresh dei dati in Ionic

Pull down refresh dei dati in Ionic

Molte app, Instagram e Facebook su tutte, usano fare il refresh dei dati con un pull-down della schermata (non so come chiamarla).

Anche Ionic permette di fare la stessa cosa, anche in maniera molto semplice.

Partiamo dal controller, dove prendiamo i dati.

Mattepuffo's logo
Inviare richieste POST in AngularJS

Inviare richieste POST in AngularJS

Solo dopo mi sono accorto che le funzioni success e error sono deprecate in favore di then.

Il tutto è comunque funzionante, ma prima o poi riscrivo l'articolo per bene!

Oggi vediamo come inviare richieste POST usando AngularJS; sul server useremo PHP.

Facciamo però alcune considerazioni:

  • invieremo e riceveremo dati in formato JSON
  • faremo la codifica (e la decondifica ovviamente) dei dati in BASE64
  • nel mio caso specifico siamo su una app (Ionic) e, quindi le richieste sono di tipo Cross-Domain-Origin; imposteremo gli header in PHP, ma non è obbligatorio se non siete in ambito Cross-Domain-Origin

A questo punto direi di cominciare.

Mattepuffo's logo
AngularJS e JSON

AngularJS e JSON

Bhe devo dire che ormai Javascript mi sta piacendo sempre di più come linguaggio, visto anche la quantità di framework e librerie in giro.

Oggi introduciamo AngularJS, ottimo framework per Javscript sponsorizzato direttamente da Google!

AngularJS si ispira al pattern MVC (Model-View-Controller) come altri concorrenti; quello che fa di questo framework quello vincente, almeno per me, è la semplcitià e il poco codice da usare.

Qui vedremo come reperire i dati in formato JSON e metterli sulla pagina HTML, senza fare uso di linguaggi lato server (si presuppone che abbiate già una fonte JSON).

Questa la pagina web di base:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Mattepuffo's Books</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body ng-app="listBooksApp">
        <div ng-controller="BooksCtrl">
            <ul>
                <li ng-repeat="book in books">
                    {{book.title}}
                </li>
            </ul>
        </div>
    </body>
</html>

Come vedete per usare AngularJS dobbiamo includere solo la sua libreria; non abbiamo bisogno di jQuery o di altro.