<\/div>\n
Merhaba,<\/p>\n
Bu i\u00e7eri\u011fimizde Ajax mimarisi ile Web API’lerin nas\u0131l tetiklendi\u011fini inceleyece\u011fiz.<\/p>\n
Elimizde a\u015fa\u011f\u0131daki gibi bir web api oldu\u011funu d\u00fc\u015f\u00fcnelim.<\/p>\n
\r\n    public class PersonelController : ApiController\r\n    {\r\n        NorthwindEntities db = new NorthwindEntities();\r\n        public List<Personel> GetAll() => db.Personeller.OrderByDescending(p => p.PersonelID).Select(p => new Personel\r\n        {\r\n            Adi = p.Adi,\r\n            PersonelID = p.PersonelID,\r\n            SoyAdi = p.SoyAdi,\r\n            Unvan = p.Unvan\r\n        }).ToList();\r\n        public IHttpActionResult Post(Personel personel)\r\n        {\r\n            if (personel != null)\r\n            {\r\n                db.Personeller.Add(personel);\r\n                db.SaveChanges();\r\n                return Ok($"{personel.Adi} {personel.SoyAdi} isimli personel ba\u015far\u0131yla eklenmi\u015ftir.");\r\n            }\r\n            return Ok("Personel eklenirken beklenmeyen bir hatayla kar\u015f\u0131la\u015f\u0131ld\u0131.");\r\n        }\r\n    }\r\n<\/pre>\n\u015eimdi Ajax ile bu web apiye eri\u015fip, tetikleyelim.<\/p>\n
\r\n            $("#btnGetPersoneller").click(function () {\r\n                $("#allPersonel").html("");\r\n                $.ajax({\r\n                    url: "http:\/\/localhost:53156\/api\/personel\/GetAll",\r\n                    type: "GET",\r\n                    crossDomain: true,\r\n                    dataType: "json",\r\n                    success: function (data) {\r\n                        $.each(data, function (IndexNo, Deger) {\r\n                            $("#allPersonel").append(Deger.Adi + " " + Deger.SoyAdi + "<br>");\r\n                        });\r\n                    },\r\n                    error: function (xhr, status, error) {\r\n                        alert("Hata : " + error);\r\n                    }\r\n                });\r\n            });\r\n<\/pre>\n\r\n    <div>\r\n        <h2>Get<\/h2>\r\n        <button id="btnGetPersoneller">Get All<\/button>\r\n        <div id="allPersonel" style="color:chocolate;font-size:12px;"><\/div>\r\n    <\/div>\r\n<\/pre>\n\u00c7al\u0131\u015fmam\u0131z\u0131 kaydedip, \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131zda a\u015fa\u011f\u0131daki hatayla kar\u015f\u0131la\u015faca\u011f\u0131z.
\n<\/a><\/p>\n
Hatam\u0131z\u0131 metinsel olarak ele al\u0131rsak e\u011fer;<\/p>\n
\nFailed to load http:\/\/****\/api\/personel\/GetAll: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http:\/\/****’ is therefore not allowed access.<\/strong><\/em>\n<\/p><\/blockquote>\n
\u015feklindedir. Bu hatayla ilgili daha \u00f6nceki makalelerimizde domainler aras\u0131 bir g\u00fcvenlik meselesi oldu\u011funa dair de\u011ferlendirmede bulunmu\u015ftuk.
\nDolay\u0131s\u0131yla bu hatadan kurtulabilmek i\u00e7in “Microsoft.AspNet.WebApi.Cors” k\u00fct\u00fcphanesini projemize entegre ederek “WebApiConfig” dosyas\u0131 i\u00e7erisinde a\u015fa\u011f\u0131daki \u00e7al\u0131\u015fmay\u0131 icra etmemiz gerekmektedir.<\/p>\n
\r\n    public static class WebApiConfig\r\n    {\r\n        public static void Register(HttpConfiguration config)\r\n        {\r\n            var enableCorsAttribute = new EnableCorsAttribute("*",\r\n                                                "Origin, Content-Type, Accept",\r\n                                                "GET, PUT, POST, DELETE, OPTIONS");\r\n            config.EnableCors(enableCorsAttribute);\r\n\r\n            config.MapHttpAttributeRoutes();\r\n            config.Routes.MapHttpRoute(\r\n                name: "DefaultApi",\r\n                routeTemplate: "api\/{controller}\/{action}\/{id}",\r\n                defaults: new { id = RouteParameter.Optional }\r\n            );\r\n        }\r\n    }\r\n<\/pre>\nBu i\u015flemden sonra yapm\u0131\u015f oldu\u011fumuz \u00e7al\u0131\u015fmay\u0131 tekrar \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131zda sorunsuz bir \u015fekilde web api ile ba\u011flant\u0131 kurulup, tetiklendi\u011fini g\u00f6rece\u011fiz.<\/p>\n
Sonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar dilerim…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Bu i\u00e7eri\u011fimizde Ajax mimarisi ile Web API’lerin nas\u0131l tetiklendi\u011fini inceleyece\u011fiz. Elimizde a\u015fa\u011f\u0131daki gibi bir web api oldu\u011funu d\u00fc\u015f\u00fcnelim. public class PersonelController : ApiController { NorthwindEntities db = new NorthwindEntities(); public List<Personel> GetAll() =>...<\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,2402],"tags":[2427,2428,2399,2429,2426],"class_list":["post-8459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajax","category-web-api","tag-ajax-ile-web-api-tetikleme","tag-ajax-web-api","tag-web-api","tag-web-api-ajax","tag-webapiconfig"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8459","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=8459"}],"version-history":[{"count":4,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8459\/revisions"}],"predecessor-version":[{"id":8464,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/8459\/revisions\/8464"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=8459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=8459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=8459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}