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.
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.
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:
A questo punto direi di cominciare.
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.