{"id":35552,"date":"2025-12-01T02:40:47","date_gmt":"2025-11-30T23:40:47","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/?p=35552"},"modified":"2025-12-01T02:40:47","modified_gmt":"2025-11-30T23:40:47","slug":"modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/","title":{"rendered":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131"},"content":{"rendered":"

<\/p>\n

Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131<\/h2>\n

Giri\u015f: Dinamik Web’in Temelleri<\/h3>\n

Web uygulamalar\u0131n\u0131n geli\u015fimi, kullan\u0131c\u0131 deneyimi beklentilerini s\u00fcrekli olarak y\u00fckseltmektedir. Statik web sayfalar\u0131ndan, her etkile\u015fimde t\u00fcm sayfan\u0131n yeniden y\u00fcklenmesini gerektiren dinamik sayfalara ve oradan da kesintisiz, ak\u0131c\u0131 bir kullan\u0131c\u0131 deneyimi sunan tek sayfa uygulamalar\u0131na (SPA) do\u011fru bir evrim ya\u015fanm\u0131\u015ft\u0131r. Bu evrimin temelini olu\u015fturan teknolojilerden biri de AJAX (Asynchronous JavaScript and XML) olmu\u015ftur. AJAX, web sayfalar\u0131n\u0131n, sayfan\u0131n tamam\u0131n\u0131 yeniden y\u00fcklemeden sunucu ile arka planda veri al\u0131\u015fveri\u015fi yapmas\u0131n\u0131 sa\u011flayarak kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn (UI) daha duyarl\u0131 ve interaktif olmas\u0131n\u0131 m\u00fcmk\u00fcn k\u0131lar.<\/p>\n

Java tabanl\u0131 web uygulamalar\u0131nda, sunucu taraf\u0131nda i\u015f mant\u0131\u011f\u0131n\u0131 y\u00f6netmek i\u00e7in Servlet’ler ve kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015fturmak i\u00e7in JSP (JavaServer Pages) yayg\u0131n olarak kullan\u0131lmaktad\u0131r. Bu g\u00fc\u00e7l\u00fc arka u\u00e7 (backend) altyap\u0131s\u0131n\u0131, istemci taraf\u0131nda (frontend) jQuery gibi pop\u00fcler bir JavaScript k\u00fct\u00fcphanesi ve onun AJAX yetenekleri ile birle\u015ftirmek, hem geli\u015ftirme s\u00fcrecini basitle\u015ftirir hem de modern, dinamik web uygulamalar\u0131 olu\u015fturmak i\u00e7in sa\u011flam bir temel sunar. Bu makalede, jQuery AJAX’\u0131 JSP ve Servlet ile birlikte kullanarak nas\u0131l dinamik bir web uygulamas\u0131 geli\u015ftirebilece\u011fimizi ad\u0131m ad\u0131m inceleyece\u011fiz.<\/p>\n

Temel Bile\u015fenler ve Rolleri<\/h3>\n

Bu mimaride kullan\u0131lan her bir teknolojinin kendine \u00f6zg\u00fc bir rol\u00fc ve amac\u0131 vard\u0131r. Bu bile\u015fenleri anlamak, entegrasyonlar\u0131n\u0131 ve neden birlikte kullan\u0131ld\u0131klar\u0131n\u0131 kavramak i\u00e7in kritik \u00f6neme sahiptir.<\/p>\n

AJAX (Asynchronous JavaScript and XML)<\/h4>\n

AJAX, bir programlama dili veya bir teknoloji de\u011fil, bir dizi web teknolojisinin bir araya getirilerek kullan\u0131ld\u0131\u011f\u0131 bir yakla\u015f\u0131md\u0131r. Temel amac\u0131, web uygulamalar\u0131n\u0131n asenkron bir \u015fekilde sunucu ile ileti\u015fim kurmas\u0131n\u0131 sa\u011flamakt\u0131r. Geleneksel web uygulamalar\u0131nda, bir kullan\u0131c\u0131 bir eylem ger\u00e7ekle\u015ftirdi\u011finde (\u00f6rne\u011fin bir form g\u00f6nderdi\u011finde), t\u00fcm sayfa yeniden y\u00fcklenir. Bu, kullan\u0131c\u0131 i\u00e7in kesintili bir deneyim yarat\u0131r ve gereksiz bant geni\u015fli\u011fi t\u00fcketimine yol a\u00e7ar. AJAX ile ise, JavaScript kullanarak sunucuya arka planda HTTP istekleri g\u00f6nderilir, sunucudan gelen yan\u0131t i\u015flenir ve sayfan\u0131n sadece ilgili k\u0131s\u0131mlar\u0131 g\u00fcncellenir. Bu, kullan\u0131c\u0131lar\u0131n web sayfas\u0131nda gezinirken veya etkile\u015fimde bulunurken kesintisiz bir deneyim ya\u015famas\u0131n\u0131 sa\u011flar. “XML” terimi orijinal olarak yan\u0131t format\u0131 olarak XML’i ifade etse de, g\u00fcn\u00fcm\u00fczde genellikle JSON (JavaScript Object Notation) format\u0131 tercih edilmektedir.<\/p>\n

jQuery AJAX<\/h4>\n

AJAX isteklerini do\u011frudan taray\u0131c\u0131n\u0131n yerle\u015fik XMLHttpRequest<\/code> veya fetch<\/code> API’si ile yapmak m\u00fcmk\u00fcnd\u00fcr, ancak bu genellikle uzun ve karma\u015f\u0131k kod yazmay\u0131 gerektirir. jQuery, bu s\u00fcreci b\u00fcy\u00fck \u00f6l\u00e7\u00fcde basitle\u015ftiren bir JavaScript k\u00fct\u00fcphanesidir. jQuery’nin AJAX mod\u00fcl\u00fc, geli\u015ftiricilerin sadece birka\u00e7 sat\u0131r kodla g\u00fc\u00e7l\u00fc AJAX istekleri yapmas\u0131na olanak tan\u0131r. $.ajax()<\/code>, $.get()<\/code>, $.post()<\/code> gibi metodlar sunarak HTTP isteklerini \u00e7ok daha okunabilir ve y\u00f6netilebilir hale getirir.<\/p>\n

* $.ajax()<\/code>: En genel ve esnek metottur. T\u00fcm AJAX se\u00e7eneklerini (URL, istek t\u00fcr\u00fc, veri, veri tipi, ba\u015far\u0131\/hata geri \u00e7a\u011fr\u0131lar\u0131 vb.) yap\u0131land\u0131rman\u0131za olanak tan\u0131r.
\n* $.get()<\/code>: Sunucudan veri almak i\u00e7in kullan\u0131lan bir k\u0131sayol metodudur (HTTP GET iste\u011fi).
\n* $.post()<\/code>: Sunucuya veri g\u00f6ndermek i\u00e7in kullan\u0131lan bir k\u0131sayol metodudur (HTTP POST iste\u011fi).<\/p>\n

Bu metodlar, istek g\u00f6nderme, yan\u0131t\u0131 i\u015fleme ve olas\u0131 hatalar\u0131 y\u00f6netme s\u00fcre\u00e7lerini soyutlayarak geli\u015ftiricilerin daha \u00e7ok i\u015f mant\u0131\u011f\u0131na odaklanmas\u0131n\u0131 sa\u011flar.<\/p>\n

JSP (JavaServer Pages)<\/h4>\n

JSP, sunucu taraf\u0131nda dinamik web i\u00e7eri\u011fi olu\u015fturmak i\u00e7in kullan\u0131lan bir Java teknolojisidir. Temel olarak, HTML (veya XML) kodunun i\u00e7ine Java kodu g\u00f6mmeye olanak tan\u0131r. JSP sayfalar\u0131 bir web sunucusu taraf\u0131ndan i\u015flenir ve istemciye standart HTML \u00e7\u0131kt\u0131s\u0131 olarak g\u00f6nderilir. JSP’nin birincil rol\u00fc, uygulaman\u0131n “g\u00f6r\u00fcn\u00fcm” (view) katman\u0131n\u0131 olu\u015fturmakt\u0131r. Yani, verileri kullan\u0131c\u0131ya sunmak ve kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015fturmaktan sorumludur. Servlets ile birlikte kullan\u0131ld\u0131\u011f\u0131nda, Servlet’ler i\u015f mant\u0131\u011f\u0131n\u0131 ve veri i\u015flemeyi y\u00f6netirken, JSP’ler bu verileri kullan\u0131c\u0131ya g\u00f6rsel olarak sunar.<\/p>\n

Servlet<\/h4>\n

Servlet, Java dilinde yaz\u0131lm\u0131\u015f, sunucu taraf\u0131nda \u00e7al\u0131\u015fan ve HTTP isteklerini i\u015flemek i\u00e7in tasarlanm\u0131\u015f bir Java s\u0131n\u0131f\u0131d\u0131r. Servlet’ler, web sunucusu taraf\u0131ndan y\u00f6netilen bir Servlet kapsay\u0131c\u0131s\u0131 (\u00f6rne\u011fin Apache Tomcat) i\u00e7inde \u00e7al\u0131\u015f\u0131r. Bir istemci (taray\u0131c\u0131) bir HTTP iste\u011fi g\u00f6nderdi\u011finde, bu istek Servlet kapsay\u0131c\u0131s\u0131 taraf\u0131ndan yakalan\u0131r ve uygun Servlet’e y\u00f6nlendirilir. Servlet, iste\u011fi analiz eder, i\u015f mant\u0131\u011f\u0131n\u0131 y\u00fcr\u00fct\u00fcr (veritaban\u0131 ile etkile\u015fim, hesaplamalar vb.) ve bir yan\u0131t olu\u015fturur. Bu yan\u0131t genellikle HTML, XML veya JSON format\u0131nda olabilir. Servlet’ler, uygulaman\u0131n “denetleyici” (controller) katman\u0131n\u0131 olu\u015fturur ve i\u015f mant\u0131\u011f\u0131 ile veritaban\u0131 etkile\u015fimini y\u00f6netir.<\/p>\n

Java<\/h4>\n

Java, Servlet’lerin ve genel olarak backend i\u015f mant\u0131\u011f\u0131n\u0131n yaz\u0131ld\u0131\u011f\u0131 programlama dilidir. G\u00fc\u00e7l\u00fc, \u00f6l\u00e7eklenebilir, platform ba\u011f\u0131ms\u0131z ve geni\u015f bir ekosisteme sahip olmas\u0131 nedeniyle kurumsal d\u00fczeyde web uygulamalar\u0131 geli\u015ftirmek i\u00e7in pop\u00fcler bir tercihtir. Servlet’ler ve JSP’ler, Java EE (Enterprise Edition) platformunun temel bile\u015fenleridir ve bu da Java’n\u0131n bu mimarideki merkezi rol\u00fcn\u00fc peki\u015ftirir.<\/p>\n

Neden Bu Teknolojileri Birlikte Kullanmal\u0131y\u0131z?<\/h3>\n

jQuery AJAX, JSP ve Servlet kombinasyonu, modern web uygulamalar\u0131 geli\u015ftirmek i\u00e7in bir dizi \u00f6nemli avantaj sunar:<\/p>\n

* Geli\u015fmi\u015f Kullan\u0131c\u0131 Deneyimi (UX)<\/strong>: AJAX sayesinde, kullan\u0131c\u0131lar sayfay\u0131 tamamen yeniden y\u00fcklemeden i\u00e7erik alabilir veya g\u00f6nderebilirler. Bu, daha ak\u0131c\u0131, h\u0131zl\u0131 ve kesintisiz bir etkile\u015fim sa\u011flar.
\n* Performans \u0130yile\u015ftirmeleri<\/strong>: Sadece de\u011fi\u015fen i\u00e7eri\u011fin sunucudan al\u0131nmas\u0131, bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131 azalt\u0131r ve sayfa y\u00fckleme s\u00fcrelerini k\u0131salt\u0131r.
\n* Temiz Mimari<\/strong>: Servlet’ler denetleyici (controller) ve i\u015f mant\u0131\u011f\u0131 i\u00e7in, JSP’ler g\u00f6r\u00fcn\u00fcm (view) i\u00e7in ve jQuery AJAX istemci taraf\u0131 etkile\u015fimleri i\u00e7in ayr\u0131 sorumluluklara sahiptir. Bu, Model-View-Controller (MVC) prensiplerine uygun, daha mod\u00fcler ve y\u00f6netilebilir bir kod taban\u0131 olu\u015fturmaya yard\u0131mc\u0131 olur.
\n* Geli\u015ftirme H\u0131z\u0131 ve Kolayl\u0131\u011f\u0131<\/strong>: jQuery, karma\u015f\u0131k JavaScript ve AJAX i\u015flemlerini basitle\u015ftirerek geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r. Java’n\u0131n olgun ekosistemi ve ara\u00e7lar\u0131 da backend geli\u015ftirmeyi kolayla\u015ft\u0131r\u0131r.
\n* Java Ekosisteminin G\u00fcc\u00fc<\/strong>: \u00d6l\u00e7eklenebilirlik, g\u00fcvenlik, \u00e7oklu i\u015f par\u00e7ac\u0131\u011f\u0131 deste\u011fi ve geni\u015f k\u00fct\u00fcphane deste\u011fi gibi Java’n\u0131n sa\u011flad\u0131\u011f\u0131 t\u00fcm avantajlardan yararlan\u0131l\u0131r.
\n* Asenkron \u0130\u015fleme<\/strong>: Kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fcn donmadan arka planda uzun s\u00fcreli sunucu i\u015flemlerini ger\u00e7ekle\u015ftirebilme yetene\u011fi.<\/p>\n

Pratik Bir \u00d6rnek: Kullan\u0131c\u0131 Listesi Getirme<\/h3>\n

\u015eimdi bu teknolojileri bir araya getiren pratik bir \u00f6rnek \u00fczerinde \u00e7al\u0131\u015fal\u0131m. Senaryomuz, bir web sayfas\u0131nda bir butona t\u0131kland\u0131\u011f\u0131nda, sayfan\u0131n tamam\u0131n\u0131 yenilemeden sunucudan bir kullan\u0131c\u0131 listesi al\u0131p bu listeyi sayfada dinamik olarak g\u00f6stermektir.<\/p>\n

Gereksinimler:<\/strong>
\n* Web Sunucusu<\/strong>: Apache Tomcat (veya benzeri bir Servlet kapsay\u0131c\u0131s\u0131).
\n* IDE<\/strong>: IntelliJ IDEA, Eclipse veya NetBeans.
\n* Yap\u0131land\u0131rma Arac\u0131<\/strong>: Maven veya Gradle.<\/p>\n

Ad\u0131m Ad\u0131m Uygulama Geli\u015ftirme<\/h3>\n

1. Proje Yap\u0131land\u0131rmas\u0131 (Maven)<\/h4>\n

\u00d6ncelikle, Maven kullanarak yeni bir web projesi olu\u015ftural\u0131m. pom.xml<\/code> dosyam\u0131z a\u015fa\u011f\u0131daki temel ba\u011f\u0131ml\u0131l\u0131klar\u0131 i\u00e7ermelidir:<\/p>\n

\n    4.0.0<\/modelVersion>\n    com.example<\/groupId>\n    ajax-servlet-jsp-example<\/artifactId>\n    1.0-SNAPSHOT<\/version>\n    war<\/packaging>\n\n    \n        11<\/maven.compiler.target>\n        11<\/maven.compiler.target>\n        UTF-8<\/project.build.sourceEncoding>\n    <\/properties>\n\n    \n        \n        \n            javax.servlet<\/groupId>\n            javax.servlet-api<\/artifactId>\n            4.0.1<\/version>\n            provided<\/scope>\n        <\/dependency>\n        \n        \n            javax.servlet.jsp<\/groupId>\n            javax.servlet.jsp-api<\/artifactId>\n            2.3.3<\/version>\n            provided<\/scope>\n        <\/dependency>\n        \n        \n            javax.servlet<\/groupId>\n            jstl<\/artifactId>\n            1.2<\/version>\n        <\/dependency>\n        \n        \n            com.fasterxml.jackson.core<\/groupId>\n            jackson-databind<\/artifactId>\n            2.13.0<\/version>\n        <\/dependency>\n    <\/dependencies>\n\n    \n        \n            \n                org.apache.maven.plugins<\/groupId>\n                maven-war-plugin<\/artifactId>\n                3.3.2<\/version>\n            <\/plugin>\n        <\/plugins>\n    <\/build>\n<\/project><\/code><\/pre>\n
javax.servlet-api<\/code> ve javax.servlet.jsp-api<\/code> ba\u011f\u0131ml\u0131l\u0131klar\u0131 provided<\/code> scope ile i\u015faretlenmi\u015ftir, \u00e7\u00fcnk\u00fc bunlar Servlet kapsay\u0131c\u0131s\u0131 (Tomcat) taraf\u0131ndan sa\u011flanacakt\u0131r. jackson-databind<\/code> ise Java nesnelerini JSON’a d\u00f6n\u00fc\u015ft\u00fcrmek (serile\u015ftirmek) ve JSON’dan Java nesnelerine d\u00f6n\u00fc\u015ft\u00fcrmek (deserile\u015ftirmek) i\u00e7in kullan\u0131lacakt\u0131r.<\/p>\n
2. Veri Modeli ve Servis Katman\u0131 (Basit Mock Veri)<\/h4>\n
Basitlik ad\u0131na, ger\u00e7ek bir veritaban\u0131 yerine ge\u00e7ici (mock) veriler kullanaca\u011f\u0131z. Bir User<\/code> s\u0131n\u0131f\u0131 ve bu kullan\u0131c\u0131lar\u0131 sa\u011flayan bir UserService<\/code> s\u0131n\u0131f\u0131 olu\u015ftural\u0131m.<\/p>\n
com\/example\/model\/User.java<\/code>:<\/strong><\/p>\n
package com.example.model;\n\npublic class User {\n    private int id;\n    private String name;\n    private String email;\n\n    public User(int id, String name, String email) {\n        this.id = id;\n        this.name = name;\n        this.email = email;\n    }\n\n    \/\/ Getter ve Setter metodlar\u0131\n    public int getId() {\n        return id;\n    }\n\n    public void setId(int id) {\n        this.id = id;\n    }\n\n    public String getName() {\n        return name;\n    }\n\n    public void setName(String name) {\n        this.name = name;\n    }\n\n    public String getEmail() {\n        return email;\n    }\n\n    public void setEmail(String email) {\n        this.email = email;\n    }\n\n    @Override\n    public String toString() {\n        return \"User{\" +\n               \"id=\" + id +\n               \", name='\" + name + '\\'' +\n               \", email='\" + email + '\\'' +\n               '}';\n    }\n}<\/code><\/pre>\n
com\/example\/service\/UserService.java<\/code>:<\/strong><\/p>\n
package com.example.service;\n\nimport com.example.model.User;\nimport java.util.ArrayList;\nimport java.util.List;\n\npublic class UserService {\n\n    \/\/ Basitlik i\u00e7in mock veri d\u00f6nd\u00fcr\u00fcyoruz\n    public List getAllUsers() {\n        List users = new ArrayList<>();\n        users.add(new User(1, \"Alice Smith\", \"alice@example.com\"));\n        users.add(new User(2, \"Bob Johnson\", \"bob@example.com\"));\n        users.add(new User(3, \"Charlie Brown\", \"charlie@example.com\"));\n        return users;\n    }\n}<\/code><\/pre>\n
3. Servlet Geli\u015ftirme (UserServlet.java<\/code>)<\/h4>\n
\u015eimdi, istemciden gelen AJAX iste\u011fini i\u015fleyecek ve kullan\u0131c\u0131 listesini JSON format\u0131nda geri d\u00f6nd\u00fcrecek Servlet’i olu\u015ftural\u0131m.<\/p>\n
com\/example\/servlet\/UserServlet.java<\/code>:<\/strong><\/p>\n
package com.example.servlet;\n\nimport com.example.model.User;\nimport com.example.service.UserService;\nimport com.fasterxml.jackson.databind.ObjectMapper; \/\/ Jackson k\u00fct\u00fcphanesi\nimport javax.servlet.ServletException;\nimport javax.servlet.annotation.WebServlet;\nimport javax.servlet.http.HttpServlet;\nimport javax.servlet.http.HttpServletRequest;\nimport javax.servlet.http.HttpServletResponse;\nimport java.io.IOException;\nimport java.io.PrintWriter;\nimport java.util.List;\n\n@WebServlet(\"\/users\") \/\/ Bu Servlet'e \/users URL'i \u00fczerinden eri\u015filecek\npublic class UserServlet extends HttpServlet {\n\n    private UserService userService;\n    private ObjectMapper objectMapper; \/\/ JSON serile\u015ftirme i\u00e7in\n\n    @Override\n    public void init() throws ServletException {\n        super.init();\n        userService = new UserService();\n        objectMapper = new ObjectMapper();\n    }\n\n    @Override\n    protected void doGet(HttpServletRequest request, HttpServletResponse response)\n            throws ServletException, IOException {\n        \n        \/\/ 1. Kullan\u0131c\u0131 listesini al\n        List users = userService.getAllUsers();\n\n        \/\/ 2. Cevap t\u00fcr\u00fcn\u00fc JSON olarak ayarla\n        response.setContentType(\"application\/json\");\n        response.setCharacterEncoding(\"UTF-8\");\n\n        \/\/ 3. Kullan\u0131c\u0131 listesini JSON format\u0131na d\u00f6n\u00fc\u015ft\u00fcr ve istemciye g\u00f6nder\n        try (PrintWriter out = response.getWriter()) {\n            \/\/ ObjectMapper ile List nesnesini JSON string'ine d\u00f6n\u00fc\u015ft\u00fcr\n            String jsonUsers = objectMapper.writeValueAsString(users);\n            out.print(jsonUsers);\n            out.flush();\n        } catch (Exception e) {\n            \/\/ Hata durumunda loglama yap ve 500 Internal Server Error d\u00f6n\n            e.printStackTrace();\n            response.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR);\n            response.getWriter().write(\"{\\\"error\\\": \\\"Sunucu taraf\u0131nda bir hata olu\u015ftu.\\\"}\");\n        }\n    }\n}<\/code><\/pre>\n
A\u00e7\u0131klamalar:<\/strong>
\n*   @WebServlet(\"\/users\")<\/code>: Bu anotasyon, Servlet’in \/users<\/code> URL deseniyle e\u015fle\u015fen isteklere yan\u0131t verece\u011fini belirtir.
\n*   init()<\/code> metodu: Servlet ba\u015flat\u0131ld\u0131\u011f\u0131nda bir kez \u00e7al\u0131\u015f\u0131r. Burada UserService<\/code> ve ObjectMapper<\/code> \u00f6rneklerini ba\u015flat\u0131yoruz.
\n*   doGet()<\/code> metodu: HTTP GET isteklerini i\u015fler.
\n    *   userService.getAllUsers()<\/code> ile kullan\u0131c\u0131 listesini al\u0131r\u0131z.
\n    *   response.setContentType(\"application\/json\")<\/code> ve response.setCharacterEncoding(\"UTF-8\")<\/code> ile istemciye g\u00f6nderilecek i\u00e7eri\u011fin JSON format\u0131nda ve UTF-8 karakter kodlamas\u0131nda oldu\u011funu bildiririz.
\n    *   objectMapper.writeValueAsString(users)<\/code> kullanarak List<\/code> nesnesini JSON format\u0131nda bir String’e d\u00f6n\u00fc\u015ft\u00fcr\u00fcr\u00fcz.
\n    *   PrintWriter<\/code> arac\u0131l\u0131\u011f\u0131yla bu JSON String’ini istemciye g\u00f6ndeririz.
\n    *   try-catch<\/code> blo\u011fu, olas\u0131 serile\u015ftirme veya I\/O hatalar\u0131n\u0131 yakalamak ve istemciye uygun bir hata mesaj\u0131 ile 500 HTTP durum kodu g\u00f6ndermek i\u00e7in kullan\u0131l\u0131r.<\/p>\n
4. JSP Sayfas\u0131 ve jQuery AJAX Entegrasyonu (index.jsp<\/code>)<\/h4>\n
Son olarak, kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015fturacak ve jQuery AJAX kullanarak Servlet’ten veri \u00e7ekecek JSP sayfas\u0131n\u0131 haz\u0131rlayal\u0131m. Bu dosya genellikle src\/main\/webapp\/index.jsp<\/code> konumunda bulunur.<\/p>\n
src\/main\/webapp\/index.jsp<\/code>:<\/strong><\/p>\n
<%@ page language=\"java\" contentType=\"text\/html; charset=UTF-8\" pageEncoding=\"UTF-8\"%>\n\n\n\n    \n    jQuery AJAX JSP Servlet Java \u00d6rne\u011fi<\/title>\n    <!-- jQuery k\u00fct\u00fcphanesini dahil et -->\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n    <style>\n        body { font-family: Arial, sans-serif; margin: 20px; }\n        #userListContainer { border: 1px solid #ccc; padding: 15px; margin-top: 20px; min-height: 100px; }\n        .user-item { margin-bottom: 5px; padding: 5px; background-color: #f9f9f9; border-bottom: 1px dashed #eee; }\n        .user-item:last-child { border-bottom: none; }\n        button { padding: 10px 15px; background-color: #007bff; color: white; border: none; cursor: pointer; border-radius: 4px; }\n        button:hover { background-color: #0056b3; }\n        .error-message { color: red; margin-top: 10px; }\n    <\/style>\n<\/head>\n<body>\n    <h2>Kullan\u0131c\u0131 Listesi \u00d6rne\u011fi (AJAX ile)<\/h2>\n\n    <button id=\"getUsersButton\">Kullan\u0131c\u0131lar\u0131 Getir<\/button>\n    <div id=\"userListContainer\">\n        <!-- Kullan\u0131c\u0131 listesi buraya y\u00fcklenecek -->\n        <p>Hen\u00fcz kullan\u0131c\u0131 listesi y\u00fcklenmedi.<\/p>\n    <\/div>\n    <div id=\"errorMessage\" class=\"error-message\"><\/div>\n\n    <script>\n        $(document).ready(function() {\n            \/\/ Butona t\u0131klama olay\u0131n\u0131 dinle\n            $('#getUsersButton').on('click', function() {\n                \/\/ Hata mesaj\u0131n\u0131 temizle\n                $('#errorMessage').text('');\n                \/\/ Y\u00fckleniyor mesaj\u0131 g\u00f6ster\n                $('#userListContainer').html('<p>Kullan\u0131c\u0131lar y\u00fckleniyor...<\/p>');\n\n                \/\/ AJAX iste\u011fi yap\n                $.ajax({\n                    url: 'users', \/\/ Servlet'imizin URL'i\n                    type: 'GET', \/\/ HTTP GET iste\u011fi\n                    dataType: 'json', \/\/ Sunucudan JSON bekliyoruz\n                    success: function(users) {\n                        \/\/ \u0130stek ba\u015far\u0131l\u0131 oldu\u011funda \u00e7al\u0131\u015facak callback fonksiyonu\n                        let userListHtml = '<h3>Y\u00fckl\u00fc Kullan\u0131c\u0131lar:<\/h3><ul>';\n                        if (users && users.length > 0) {\n                            $.each(users, function(index, user) {\n                                userListHtml += '<li class=\"user-item\">' +\n                                                '<strong>ID:<\/strong> ' + user.id + '<br>' +\n                                                '<strong>Ad:<\/strong> ' + user.name + '<br>' +\n                                                '<strong>Email:<\/strong> ' + user.email +\n                                                '<\/li>';\n                            });\n                        } else {\n                            userListHtml += '<li>Hi\u00e7 kullan\u0131c\u0131 bulunamad\u0131.<\/li>';\n                        }\n                        userListHtml += '<\/ul>';\n                        $('#userListContainer').html(userListHtml); \/\/ Listeyi sayfaya ekle\n                    },\n                    error: function(xhr, status, error) {\n                        \/\/ \u0130stek ba\u015far\u0131s\u0131z oldu\u011funda \u00e7al\u0131\u015facak callback fonksiyonu\n                        console.error(\"AJAX iste\u011fi ba\u015far\u0131s\u0131z oldu: \" + status + \", \" + error);\n                        console.error(\"Yan\u0131t metni: \", xhr.responseText);\n                        $('#userListContainer').html('<p style=\"color: red;\">Kullan\u0131c\u0131lar y\u00fcklenirken bir hata olu\u015ftu.<\/p>');\n                        \n                        let errorMessage = \"Kullan\u0131c\u0131lar y\u00fcklenirken bir sorun olu\u015ftu.\";\n                        if (xhr.responseJSON && xhr.responseJSON.error) {\n                            errorMessage = xhr.responseJSON.error;\n                        } else if (xhr.responseText) {\n                            try {\n                                const responseObj = JSON.parse(xhr.responseText);\n                                if (responseObj.error) {\n                                    errorMessage = responseObj.error;\n                                }\n                            } catch (e) {\n                                \/\/ JSON parse edilemezse, ham metni kullan veya genel hata mesaj\u0131 g\u00f6ster\n                                errorMessage = \"Sunucudan gelen yan\u0131t anla\u015f\u0131lamad\u0131. L\u00fctfen tekrar deneyin.\";\n                            }\n                        }\n                        $('#errorMessage').text(errorMessage + \" (HTTP Durum Kodu: \" + xhr.status + \")\");\n                    }\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n<p><strong>A\u00e7\u0131klamalar:<\/strong><br \/>\n*   <strong>jQuery Dahil Edilmesi<\/strong>: <code><script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script><\/code> sat\u0131r\u0131 ile jQuery k\u00fct\u00fcphanesi CDN \u00fczerinden sayfaya dahil edilir.<br \/>\n*   <strong>DOM Haz\u0131rl\u0131\u011f\u0131<\/strong>: <code>$(document).ready(function() { ... });<\/code> blo\u011fu, sayfa tamamen y\u00fcklendikten sonra JavaScript kodunun \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.<br \/>\n*   <strong>Olay Dinleyici<\/strong>: <code>$('#getUsersButton').on('click', function() { ... });<\/code> kodu, “Kullan\u0131c\u0131lar\u0131 Getir” butonuna t\u0131kland\u0131\u011f\u0131nda belirli bir fonksiyonun \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.<br \/>\n*   <strong>AJAX \u0130ste\u011fi (<code>$.ajax<\/code>)<\/strong>:<br \/>\n    *   <code>url: 'users'<\/code>: \u0130stek g\u00f6nderilecek Servlet’in URL’i.<br \/>\n    *   <code>type: 'GET'<\/code>: HTTP GET iste\u011fi g\u00f6nderilece\u011fini belirtir.<br \/>\n    *   <code>dataType: 'json'<\/code>: Sunucudan beklenen yan\u0131t\u0131n JSON format\u0131nda oldu\u011funu belirtir. jQuery, bu sayede gelen yan\u0131t\u0131 otomatik olarak bir JavaScript nesnesine d\u00f6n\u00fc\u015ft\u00fcr\u00fcr.<br \/>\n    *   <code>success: function(users) { ... }<\/code>: \u0130stek ba\u015far\u0131l\u0131 oldu\u011funda (HTTP 200 OK) bu fonksiyon \u00e7al\u0131\u015f\u0131r. <code>users<\/code> parametresi, Servlet’ten gelen ve otomatik olarak JavaScript nesnesine d\u00f6n\u00fc\u015ft\u00fcr\u00fclm\u00fc\u015f JSON verisini i\u00e7erir. Bu veriyi kullanarak dinamik olarak HTML i\u00e7eri\u011fi olu\u015fturulur ve <code>$('#userListContainer')<\/code> div’ine eklenir.<br \/>\n    *   <code>error: function(xhr, status, error) { ... }<\/code>: \u0130stek ba\u015far\u0131s\u0131z oldu\u011funda (\u00f6rne\u011fin, sunucu 4xx veya 5xx hatas\u0131 d\u00f6nd\u00fcrd\u00fc\u011f\u00fcnde veya a\u011f hatas\u0131 olu\u015ftu\u011funda) bu fonksiyon \u00e7al\u0131\u015f\u0131r. Hata konsola yaz\u0131l\u0131r ve kullan\u0131c\u0131ya bir hata mesaj\u0131 g\u00f6sterilir. <code>xhr.responseJSON<\/code> veya <code>xhr.responseText<\/code> ile sunucudan gelen hata detaylar\u0131 al\u0131nmaya \u00e7al\u0131\u015f\u0131l\u0131r.<\/p>\n<p><strong>\u00c7al\u0131\u015ft\u0131rma:<\/strong><br \/>\n1.  Projeyi bir IDE (IntelliJ, Eclipse) ile a\u00e7\u0131n.<br \/>\n2.  Maven <code>clean<\/code> ve <code>install<\/code> komutlar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rarak projenizi derleyin ve bir <code>.war<\/code> dosyas\u0131 olu\u015fturun.<br \/>\n3.  Olu\u015fturulan <code>.war<\/code> dosyas\u0131n\u0131 Apache Tomcat gibi bir Servlet kapsay\u0131c\u0131s\u0131n\u0131n <code>webapps<\/code> dizinine kopyalay\u0131n veya IDE’niz \u00fczerinden Tomcat’i yap\u0131land\u0131r\u0131p projeyi da\u011f\u0131t\u0131n.<br \/>\n4.  Taray\u0131c\u0131n\u0131zda <code>http:\/\/localhost:8080\/ajax-servlet-jsp-example\/<\/code> (veya projenizin ad\u0131yla e\u015fle\u015fen URL) adresini ziyaret edin.<br \/>\n5.  “Kullan\u0131c\u0131lar\u0131 Getir” butonuna t\u0131klad\u0131\u011f\u0131n\u0131zda, sayfa yenilenmeden kullan\u0131c\u0131 listesinin dinamik olarak y\u00fcklendi\u011fini g\u00f6receksiniz.<\/p>\n<h3>Hata Y\u00f6netimi ve En \u0130yi Uygulamalar<\/h3>\n<p>Dinamik web uygulamalar\u0131 geli\u015ftirirken, hata y\u00f6netimi ve belirli en iyi uygulamalara uymak kritik \u00f6neme sahiptir.<\/p>\n<h4>Client-Side Hata Y\u00f6netimi<\/h4>\n<p>jQuery AJAX’\u0131n <code>error<\/code> callback’i, istemci taraf\u0131nda a\u011f sorunlar\u0131, sunucu hatalar\u0131 (HTTP durum kodlar\u0131 4xx, 5xx) veya JSON ayr\u0131\u015ft\u0131rma hatalar\u0131 gibi durumlar\u0131 ele almak i\u00e7in kullan\u0131l\u0131r.<br \/>\n*   <strong>Kullan\u0131c\u0131ya Geri Bildirim<\/strong>: Hata durumunda kullan\u0131c\u0131ya anla\u015f\u0131l\u0131r bir mesaj g\u00f6sterilmelidir. \u00d6rne\u011fin, “Kullan\u0131c\u0131lar y\u00fcklenirken bir hata olu\u015ftu. L\u00fctfen tekrar deneyin.”<br \/>\n*   <strong>Konsol Kayd\u0131<\/strong>: Geli\u015ftirme s\u0131ras\u0131nda hatalar\u0131 ay\u0131klamak i\u00e7in <code>console.error()<\/code> kullanarak detayl\u0131 hata bilgilerini konsola yazd\u0131rmak faydal\u0131d\u0131r.<br \/>\n*   <strong>HTTP Durum Kodlar\u0131<\/strong>: Sunucudan gelen HTTP durum kodlar\u0131n\u0131 (\u00f6rne\u011fin, 404 Not Found, 500 Internal Server Error) kontrol ederek hatan\u0131n do\u011fas\u0131 hakk\u0131nda daha fazla bilgi edinebiliriz. <code>xhr.status<\/code> \u00f6zelli\u011fi bu kodu sa\u011flar.<br \/>\n*   <strong>Yan\u0131t\u0131 Ayr\u0131\u015ft\u0131rma<\/strong>: Sunucu, hata durumunda bile JSON format\u0131nda hata mesajlar\u0131 d\u00f6nebilir. <code>xhr.responseJSON<\/code> veya <code>JSON.parse(xhr.responseText)<\/code> kullanarak bu mesajlar\u0131 ayr\u0131\u015ft\u0131rmaya \u00e7al\u0131\u015f\u0131n.<\/p>\n<h4>Server-Side Hata Y\u00f6netimi<\/h4>\n<p>Servlet taraf\u0131nda da sa\u011flam bir hata y\u00f6netimi stratejisi olmal\u0131d\u0131r.<br \/>\n*   <strong><code>try-catch<\/code> Bloklar\u0131<\/strong>: \u0130\u015f mant\u0131\u011f\u0131 veya veri eri\u015fimi s\u0131ras\u0131nda olu\u015fabilecek istisnalar\u0131 yakalamak i\u00e7in <code>try-catch<\/code> bloklar\u0131 kullan\u0131n.<br \/>\n*   <strong>Do\u011fru HTTP Durum Kodlar\u0131<\/strong>: \u0130stemciye do\u011fru HTTP durum kodlar\u0131n\u0131 d\u00f6nd\u00fcr\u00fcn. \u00d6rne\u011fin:<br \/>\n    *   <code>HttpServletResponse.SC_OK<\/code> (200): Ba\u015far\u0131l\u0131 yan\u0131t.<br \/>\n    *   <code>HttpServletResponse.SC_BAD_REQUEST<\/code> (400): \u0130stemciden gelen istek ge\u00e7ersizse.<br \/>\n    *   <code>HttpServletResponse.SC_NOT_FOUND<\/code> (404): Kaynak bulunamazsa.<br \/>\n    *   <code>HttpServletResponse.SC_INTERNAL_SERVER_ERROR<\/code> (500): Sunucu taraf\u0131nda beklenmedik bir hata olu\u015fursa.<br \/>\n*   <strong>Hata Mesajlar\u0131<\/strong>: Hata durumunda istemciye JSON format\u0131nda a\u00e7\u0131klay\u0131c\u0131 hata mesajlar\u0131 d\u00f6nd\u00fcr\u00fcn. Ancak g\u00fcvenlik nedeniyle, hassas hata detaylar\u0131n\u0131 (\u00f6rne\u011fin, veritaban\u0131 istisna izlerini) do\u011frudan istemciye g\u00f6ndermekten ka\u00e7\u0131n\u0131n.<br \/>\n*   <strong>Loglama<\/strong>: Sunucu taraf\u0131nda olu\u015fan t\u00fcm hatalar\u0131 bir loglama sistemi (\u00f6rne\u011fin Log4j, SLF4J) kullanarak kaydedin. Bu, sorunlar\u0131 tespit etmek ve gidermek i\u00e7in \u00e7ok \u00f6nemlidir.<\/p>\n<h4>G\u00fcvenlik \u0130pu\u00e7lar\u0131<\/h4>\n<p>AJAX ve dinamik i\u00e7erik, baz\u0131 g\u00fcvenlik risklerini de beraberinde getirebilir.<br \/>\n*   <strong>XSS (Cross-Site Scripting) \u00d6nlemleri<\/strong>: Sunucudan al\u0131nan ve HTML’e eklenen herhangi bir veriyi (\u00f6zellikle kullan\u0131c\u0131 taraf\u0131ndan girilen verileri) dikkatlice temizleyin veya ka\u00e7\u0131\u015f karakterlerine d\u00f6n\u00fc\u015ft\u00fcr\u00fcn (<code>escape<\/code>). jQuery’de <code>.text()<\/code> metodunu kullanmak, <code>.html()<\/code> yerine metni g\u00fcvenli bir \u015fekilde eklemenize yard\u0131mc\u0131 olabilir.<br \/>\n*   <strong>CSRF (Cross-Site Request Forgery) \u00d6nlemleri<\/strong>: AJAX ile POST istekleri g\u00f6nderirken CSRF sald\u0131r\u0131lar\u0131na kar\u015f\u0131 koruma sa\u011flamak i\u00e7in token tabanl\u0131 mekanizmalar kullan\u0131n. Her form veya AJAX iste\u011fi i\u00e7in benzersiz, sunucu taraf\u0131ndan olu\u015fturulmu\u015f bir token g\u00f6nderin ve sunucuda do\u011frulay\u0131n.<br \/>\n*   <strong>Giri\u015f Do\u011frulama (Input Validation)<\/strong>: \u0130stemci taraf\u0131nda (JavaScript ile) yap\u0131lan do\u011frulama asla yeterli de\u011fildir. T\u00fcm kullan\u0131c\u0131 giri\u015fleri her zaman sunucu taraf\u0131nda da do\u011frulanmal\u0131d\u0131r.<br \/>\n*   <strong>Yetkilendirme ve Kimlik Do\u011frulama<\/strong>: Sunucu taraf\u0131ndaki Servlet’ler, gelen iste\u011fi yapan kullan\u0131c\u0131n\u0131n kimli\u011fini do\u011frulamal\u0131 ve istenen eylemi ger\u00e7ekle\u015ftirmek i\u00e7in yetkili olup olmad\u0131\u011f\u0131n\u0131 kontrol etmelidir.<\/p>\n<h4>Performans \u0130pu\u00e7lar\u0131<\/h4>\n<p>*   <strong>\u00d6nbellekleme (Caching)<\/strong>: S\u0131k eri\u015filen ve nadiren de\u011fi\u015fen veriler i\u00e7in istemci taraf\u0131nda veya sunucu taraf\u0131nda \u00f6nbellekleme kullan\u0131n. HTTP \u00f6nbellek ba\u015fl\u0131klar\u0131n\u0131 do\u011fru ayarlayarak taray\u0131c\u0131lar\u0131n kaynaklar\u0131 \u00f6nbelle\u011fe almas\u0131n\u0131 sa\u011flay\u0131n.<br \/>\n*   <strong>Yan\u0131t Boyutunu Optimize Etme<\/strong>: Yaln\u0131zca gerekli verileri g\u00f6nderin. B\u00fcy\u00fck JSON yan\u0131tlar\u0131n\u0131 s\u0131k\u0131\u015ft\u0131rmak (gzip) bant geni\u015fli\u011fini azaltabilir.<br \/>\n*   <strong>Asenkron \u0130\u015flemlerin Y\u00f6netimi<\/strong>: \u00c7ok say\u0131da paralel AJAX iste\u011fi g\u00f6ndermek yerine, gerekti\u011finde s\u0131ral\u0131 veya e\u015fzamanl\u0131 limitli istekler kullan\u0131n. Yava\u015f sunucu yan\u0131tlar\u0131 i\u00e7in kullan\u0131c\u0131ya geri bildirim (\u00f6rne\u011fin, y\u00fckleniyor animasyonu) sa\u011flay\u0131n.<\/p>\n<h3>Sonu\u00e7<\/h3>\n<p>jQuery AJAX, JSP ve Servlet’in birle\u015fimi, Java tabanl\u0131 web uygulamalar\u0131 i\u00e7in g\u00fc\u00e7l\u00fc, esnek ve dinamik bir geli\u015ftirme modeli sunar. Servlet’ler i\u015f mant\u0131\u011f\u0131 ve veri i\u015fleme i\u00e7in sa\u011flam bir arka u\u00e7 sa\u011flarken, JSP’ler dinamik olarak HTML i\u00e7eri\u011fi olu\u015fturur ve jQuery AJAX, kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc sayfa yenilemeleri olmadan g\u00fcncelleyerek modern bir kullan\u0131c\u0131 deneyimi sunar.<\/p>\n<p>Bu mimari, geleneksel tam sayfa yenilemeli uygulamalara g\u00f6re daha duyarl\u0131 ve performansl\u0131 web uygulamalar\u0131 olu\u015fturman\u0131za olanak tan\u0131r. Her bir bile\u015fenin rol\u00fcn\u00fc ve en iyi uygulamalar\u0131 anlayarak, hem g\u00fcvenli hem de \u00f6l\u00e7eklenebilir web \u00e7\u00f6z\u00fcmleri geli\u015ftirebilirsiniz.<\/p>\n<p>G\u00fcn\u00fcm\u00fczde, daha modern frontend \u00e7er\u00e7eveleri (React, Angular, Vue.js) ve RESTful API’ler gibi yakla\u015f\u0131mlar pop\u00fclerlik kazanm\u0131\u015f olsa da, jQuery AJAX, JSP ve Servlet kombinasyonu hala bir\u00e7ok mevcut kurumsal uygulamada yayg\u0131n olarak kullan\u0131lmaktad\u0131r ve yeni geli\u015ftirilen daha basit web projeleri i\u00e7in de ge\u00e7erli bir se\u00e7enektir. Bu temel bilgileri edinmek, web geli\u015ftirme kariyerinizde size sa\u011flam bir temel sa\u011flayacakt\u0131r.<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131\nGiri\u015f: Dinamik Web’in Temelleri\nWeb uygulamalar\u0131n\u0131n geli\u015fimi, kull","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[135],"tags":[],"class_list":{"0":"post-35552","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-jquery","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131\" \/>\n<meta property=\"og:description\" content=\"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 Giri\u015f: Dinamik Web'in Temelleri Web uygulamalar\u0131n\u0131n geli\u015fimi, kull\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-30T23:40:47+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131\",\"datePublished\":\"2025-11-30T23:40:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\"},\"wordCount\":2609,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"jQuery\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\",\"name\":\"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-11-30T23:40:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/","og_locale":"tr_TR","og_type":"article","og_title":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131","og_description":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 Giri\u015f: Dinamik Web'in Temelleri Web uygulamalar\u0131n\u0131n geli\u015fimi, kull","og_url":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-11-30T23:40:47+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"16 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131","datePublished":"2025-11-30T23:40:47+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/"},"wordCount":2609,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["jQuery"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/","url":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/","name":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131 - Kodlar\u0131n Gizemli D\u00fcnyas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-11-30T23:40:47+00:00","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/modern-web-uygulamalari-gelistirmede-jquery-ajax-jsp-ve-servlet-kullanimi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Modern Web Uygulamalar\u0131 Geli\u015ftirmede jQuery AJAX, JSP ve Servlet Kullan\u0131m\u0131"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/35552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=35552"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/35552\/revisions"}],"predecessor-version":[{"id":35553,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/35552\/revisions\/35553"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=35552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=35552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=35552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}