Siber Güvenlik Eğitimlerimiz

Siber Güvenlik Eğitimlerimiz İçin Tıklayınız

Siber Güvenlik Dökümanları

Siber Güvenlik Dökümanları İçin Tıklayınız

Bizimle İletişim Kurun

Uzmanlarımız Sorularınızı Cevaplamaya Hazır.

ionic Uzaktan Json Veri Çekme

Serberus

KURUCU
Yönetici
MAREŞAL
27 May 2018
135
87
Uzmanlık Alanı
PHP
HTML
ionic Uzaktan Json Veri Çekme
Mobil uygulamalarda genellikle veritabanı yerine json kullanılır, bunun için ionic’te json kullanmak için ilk olarak ionic’te projemizi oluşturmamız gerekli(bkz:
You do not have permission to view link Giriş yap veya üye ol.
) daha sonra projemizi oluşturduğumuz klasörün içindeki index.html’ye aşağıdaki kodları eklememiz gerekli.

PHP:
<div ng-controller="kodist">
<ion-item ng-repeat="i in item">
<td>{{i.plaka}}</td>
<td>{{i.sehir}}</td>
</ion-item>
</div>
Javascript kodlarınızı ise ister index.html’de “<script>” tagları arasına eklersiniz isterseniz de ayrı bir javascript dosyasına ekleyebilirsiniz.

PHP:
var app = angular.module('starter', ['ionic']);
app.controller('kodist', function ($scope, $http){
$http.get('kodist.json').success(function(data){
$scope.item = data;
});
});
PHP:
var app = angular.module('starter', ['ionic']);
app.controller('kodist', function ($scope, $http){
$http.get('kodist.json').success(function(data){
$scope.item = data;
});
});
buradaki “kodist.json” yazan kısım sizin çekecek olduğunuz json dosyanızın adresidir, örnek json dosyamız bu şekildedir:



PHP:
[
{
"plaka": "01",
"sehir": "Adana"
},
{
"plaka": "02",
"sehir": "Adıyaman"
},
{
"plaka": "03",
"sehir": "Afyon"
},
{
"plaka": "04",
"sehir": "Ağrı"
},
{
"plaka": "05",
"sehir": "Amasya"
}
]
NOT: Uygulamamızı denemek için cmd ekranına

PHP:
ionic serve -l

NOT: Projenizi ionic ile geliştirmiyorsanız aşağıdaki script kodumunuzu head tagları arasına eklemelisiniz.

PHP:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
 
Üst