Siber Güvenlik Dünyasına Hoşgeldiniz

Ulusal Siber Güvenlik Akademisi olarak sizlere bu alanda siber güvenlik & ethical hacking eğitimi , günümüz siber saldırılarında kullanılan araç ve teknikleri kullanarak, siber güvenlik konusunda sizlere saldırı ve savunma yönünden eğitimler ile sizlerin çözümler üretebileceğiniz bir siber dünya sunuyoruz .

  • Ulusal Siber Güvenlik Akademisi olarak sizlere bu alanda siber güvenlik & ethical hacking eğitimi , günümüz siber saldırılarında kullanılan araç ve teknikleri kullanarak, siber güvenlik konusunda sizlere saldırı ve savunma yönünden eğitimler ile sizlerin çözümler üretebileceğiniz bir siber dünya sunuyoruz .

ionic Uzaktan Json Veri Çekme

Serberus

KURUCU
Yönetici
MAREŞAL
Katılım
27 May 2018
Mesajlar
191
Beğeniler
179
Puanları
43
Uzmanlık Alanı
PHP
HTML
Öne çıkan konu #1
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>