<\/div>\n
Merhaba,<\/p>\n
Web tabanl\u0131 projelerde sunucu ile etkile\u015fime girmek i\u015fin esas noktas\u0131n\u0131 te\u015fkil etmektedir. AngularJS framework\u00fcnde sunucu ile etkile\u015fime girmemizi sa\u011flayan servis $http olarak ayarlanm\u0131\u015ft\u0131r. Bu i\u00e7eri\u011fimizde $http servisini t\u00fcm y\u00f6nleriyle ele alaca\u011f\u0131z.<\/p>\n
Makale s\u00fcrecinde Asp.NET MVC mimarisi \u00fczerinde server i\u015flemlerimizi ger\u00e7ekle\u015ftirece\u011fimizi ve a\u015fa\u011f\u0131daki “Personel” isimli class\u0131 ve “ServerController” isimli controller\u0131 \u00f6rnek olarak kullanaca\u011f\u0131m\u0131z\u0131 belirterek konuya ba\u015flayabiliriz.<\/p>\n
\r\n    class Personel\r\n    {\r\n        public string Adi { get; set; }\r\n        public string SoyAdi { get; set; }\r\n        public int PersonelNo { get; set; }\r\n    }\r\n<\/pre>\n\r\n    public class ServerController : Controller\r\n    {\r\n        List<Personel> PersonelListesi = new List<Personel>\r\n        {\r\n                new Personel{ Adi = "Gen\u00e7ay", SoyAdi = "Y\u0131ld\u0131z", PersonelNo = 1 },\r\n                new Personel{ Adi = "Mehmet", SoyAdi = "\u0130lker", PersonelNo = 2 },\r\n                new Personel{ Adi = "Naci", SoyAdi ="Conker", PersonelNo = 3 },\r\n                new Personel{ Adi = "Mustafa", SoyAdi = "Y\u0131ld\u0131z", PersonelNo = 4 }\r\n        };\r\n        public ActionResult Index()\r\n        {\r\n            return View();\r\n        }\r\n        [HttpGet()]\r\n        public JsonResult PersonelGetir()\r\n        {\r\n            return Json(PersonelListesi, JsonRequestBehavior.AllowGet);\r\n        }\r\n        public JsonResult PersonelEkle(Personel model)\r\n        {\r\n            PersonelListesi.Add(model);\r\n            return Json(PersonelListesi, JsonRequestBehavior.AllowGet);\r\n        }\r\n    }\r\n<\/pre>\n$http Servisi \u0130le Get \u0130\u015flemleri<\/h3>\n$http servisini get i\u015flemlerinde a\u015fa\u011f\u0131daki \u00f6rnekte oldu\u011fu gibi kullanmaktay\u0131z.<\/p>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <script src="~\/Scripts\/angular.min.js"><\/script>\r\n    <script>\r\n        angular.module("UygulamaModule", [])\r\n            .controller("UygulamaController", function ($scope, $http) {\r\n                $scope.PersonelleriGetir = function () {\r\n                    $http.get("@Url.Action("PersonelGetir", "Server")").then(function (gelen) {\r\n                        $scope.TabloGoster = true;\r\n                        $scope.PersonelListesi = gelen.data;\r\n                    });\r\n                }\r\n            });\r\n    <\/script>\r\n<\/head>\r\n<body ng-app="UygulamaModule" ng-controller="UygulamaController">\r\n    <input type="button" value="Personelleri Getir" ng-click="PersonelleriGetir()" \/>\r\n    <table ng-show="TabloGoster">\r\n        <thead>\r\n            <tr>\r\n                <th>ID<\/th>\r\n                <th>Ad<\/th>\r\n                <th>Soyad<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <tr ng-repeat="personel in PersonelListesi">\r\n                <td>{{personel.PersonelNo}}<\/td>\r\n                <td>{{personel.Adi}}<\/td>\r\n                <td>{{personel.SoyAdi}}<\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<\/a><\/p>\n
$http Servisi \u0130le Post \u0130\u015flemleri<\/h3>\n$http ile post i\u015flemini a\u015fa\u011f\u0131daki \u00f6rnekte detayl\u0131ca ele alm\u0131\u015f bulunmaktay\u0131z.<\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <script src="~\/Scripts\/angular.min.js"><\/script>\r\n    <script>\r\n        angular.module("UygulamaModule", [])\r\n            .controller("UygulamaController", function ($scope, $http) {\r\n                $scope.PersonelEkle = function () {\r\n                    var Personel = {\r\n                        Adi: $scope.Adi,\r\n                        SoyAdi: $scope.SoyAdi,\r\n                        PersonelNo: $scope.PersonelNo\r\n                    };\r\n                    $http.post("@Url.Action("PersonelEkle", "Server")", Personel)\r\n                        .then(function onSuccess(response) {\r\n                            $scope.TabloGoster = true;\r\n                            $scope.PersonelListesi = response.data;\r\n                        });\r\n                }\r\n            });\r\n    <\/script>\r\n<\/head>\r\n<body ng-app="UygulamaModule" ng-controller="UygulamaController">\r\n    <div>\r\n        Ad\u0131 : <input type="text" ng-model="Adi" \/>\r\n        <br \/>\r\n        Soyad\u0131 : <input type="text" ng-model="SoyAdi" \/>\r\n        <br \/>\r\n        Personel No :<input type="text" ng-model="PersonelNo" \/>\r\n        <input type="button" value="Personel Ekle" ng-click="PersonelEkle()" \/>\r\n    <\/div>\r\n\r\n    <table ng-show="TabloGoster">\r\n        <thead>\r\n            <tr>\r\n                <th>ID<\/th>\r\n                <th>Ad<\/th>\r\n                <th>Soyad<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n            <tr ng-repeat="personel in PersonelListesi">\r\n                <td>{{personel.PersonelNo}}<\/td>\r\n                <td>{{personel.Adi}}<\/td>\r\n                <td>{{personel.SoyAdi}}<\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n<\/a><\/p>\n
Bir yaz\u0131m\u0131z\u0131nda sonuna gelmi\u015f bulunmaktay\u0131z.<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Web tabanl\u0131 projelerde sunucu ile etkile\u015fime girmek i\u015fin esas noktas\u0131n\u0131 te\u015fkil etmektedir. AngularJS framework\u00fcnde sunucu ile etkile\u015fime girmemizi sa\u011flayan servis $http olarak ayarlanm\u0131\u015ft\u0131r. Bu i\u00e7eri\u011fimizde $http servisini t\u00fcm y\u00f6nleriyle ele alaca\u011f\u0131z. Makale s\u00fcrecinde...<\/p>\n","protected":false},"author":1,"featured_media":7002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2022],"tags":[2142,2143,2139,2141,2024,2138,2140],"class_list":["post-7227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angularjs","tag-http-get","tag-http-get-islemleri","tag-http-servis","tag-http-servisi-ile-get-islemleri","tag-angularjs","tag-angularjs-http-servis","tag-angularjs-http"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=7227"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7227\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/7002"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=7227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=7227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=7227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}