![\"\"](\"https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/2012\/11\/jajax.png\" "\\"jajax\\"")
<\/p>\n<\/p>\n
Web standartlar\u0131n\u0131n geli\u015fmesiyle birlikte yeni teknolojiler ortaya \u00e7\u0131k\u0131yor ve birle\u015fiyor. Ajax ve jQuery kombinasyonu bu birle\u015fimlerin en g\u00fczel \u00f6rneklerinden biridir.<\/p>\n
Ajax ile yeni tan\u0131\u015ft\u0131\u011f\u0131m\u0131z d\u00f6nemlerde, Ajax denen bu y\u00f6ntemi kullanmak deneyimli yaz\u0131l\u0131mc\u0131lar i\u00e7in bile zor olabiliyordu. Basit bir form ile veri g\u00f6ndermek i\u00e7in bile, onlarca sat\u0131r kod yazmak gerekiyordu. \u00dcst\u00fcne \u00fcstl\u00fck, yazd\u0131\u011f\u0131n\u0131z bu kodun t\u00fcm taray\u0131c\u0131larda sorun \u015fekilde \u00e7al\u0131\u015faca\u011f\u0131n\u0131n garantisi de yoktu. Yani her taray\u0131c\u0131 i\u00e7in farkl\u0131 kodlar yazmak, bunlar\u0131 her seferinde t\u00fcm taray\u0131c\u0131lar i\u00e7in test etmek bizler i\u00e7in zorunlu bir hal alm\u0131\u015ft\u0131.<\/p>\n
G\u00fcn\u00fcm\u00fczde, i\u015fte tam bu noktada, jQuery denen nimet, yani teknolojik ad\u0131yla “k\u00fct\u00fcphane” imdad\u0131m\u0131za yeti\u015fiyor. \u00c7ok k\u0131sa kodlar ile, t\u00fcm taray\u0131c\u0131larda sorunsuz \u00e7al\u0131\u015fan Ajax istekleri yapabiliyoruz.<\/p>\n
Bu makalemi 4 ana ba\u015fl\u0131k alt\u0131nda ele alaca\u011f\u0131m.<\/p>\n
Asenkron olarak, yani sayfan\u0131n y\u00fcklenmesinden ba\u011f\u0131ms\u0131z olarak HTTP Ajax istekleri yollamak i\u00e7in kullanaca\u011f\u0131m\u0131z temel metottur. Yapaca\u011f\u0131m\u0131z iste\u011fin t\u00fcr\u00fcne g\u00f6re, bir \u00e7ok ayar\u0131 bulunmaktad\u0131r. Bunlardan k\u0131saca bahsetmek gerekirse:<\/p>\n
\r\n$.ajax({\r\n statusCode: {\r\n 404: function() {\r\n alert("sayfa bulunamad\u0131");\r\n }\r\n }\r\n});\r\n<\/pre>\n<\/li>\n\r\n$.ajax({\r\n url: capraz_alanadi_urlsi,\r\n xhrFields: {\r\n withCredentials: true\r\n }\r\n});\r\n<\/pre>\n<\/li>\n<\/ul>\njQuery.ajaxSetup()<\/h1>\n
Ajax ricas\u0131 yapmadan \u00f6nceden ayarlar\u0131 yapmam\u0131z\u0131 sa\u011flar.<\/p>\n
\r\n$.ajaxSetup({\r\n url: "\/xmlhttp\/",\r\n global: false,\r\n type: "POST"\r\n\r\n });\r\n $.ajax({ data: myData });\r\n<\/pre>\nAjax ricas\u0131 yapaca\u011f\u0131m\u0131z URL’yi “\/xmlhttp\/” olarak ayarlad\u0131k. Global i\u015fleyicileri devre d\u0131\u015f\u0131 b\u0131rakt\u0131k ve GET metodu yerine POST metodu kulland\u0131k. Daha sonra yer alan Ajax metodu i\u00e7erisinde, herhangi ba\u015fka bir ayar yapmak zorunda kalmadan iste\u011fimiz veriyi g\u00f6nderiyoruz.<\/p>\n
jQuery.ajaxPrefilter()<\/h1>\n
Her bir rica g\u00f6nderilmeden \u00f6nce ve bunlar $.ajax() taraf\u0131ndan i\u015flem g\u00f6rmeden \u00f6nce, \u00f6zel Ajax se\u00e7eneklerini ele al\u0131r veya var olan ayarlar\u0131 d\u00fczenlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n
Genel olarak .ajaxPrefilter() kullan\u0131m\u0131 \u015funa benzer.<\/p>\n
\r\n$.ajaxPrefilter( function( options, originalOptions, jqXHR ) {\r\n \/\/ options, control originalOptions, store jqXHR, vs...\r\n});\r\n<\/pre>\nAjax iste\u011fimiz tamamland\u0131\u011f\u0131 anda olacaklar\u0131 ele al\u0131r.<\/p>\n
\u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxComplete\/<\/a><\/p>\n .ajaxComplete() olay\u0131 ile sonu\u00e7 geldikten sonra .prepend() metodu kullanarak sonu\u00e7 metninin ba\u015f\u0131na “Rica tamamland\u0131. Sonu\u00e7: ” c\u00fcmlesini ekledik.<\/p>\n Ajax iste\u011fi bir hata ile sonu\u00e7lan\u0131rsa bu olay \u00e7al\u0131\u015facakt\u0131r.<\/p>\n \u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxError\/<\/a><\/p>\n Server’da XxXajaxXx.txt dosyas\u0131 bulunamad\u0131\u011f\u0131ndan dolay\u0131 hata olu\u015fuyor. Bunun sonucunda ekrana “Hata Olu\u015ftu.” uyar\u0131s\u0131 veriyoruz. Burada dikkatinizi \u00e7ekmek istedi\u011fim bir nokta var. Ajax ricas\u0131n\u0131n ba\u015far\u0131l\u0131 veya ba\u015far\u0131s\u0131z olmas\u0131 g\u00f6zetmeksizin .ajaxComplete() olay\u0131m\u0131z \u00e7al\u0131\u015f\u0131yor ve ekrana “Rica tamamland\u0131. Sonu\u00e7: ” metnini yazd\u0131r\u0131yor.<\/p>\n Ajax ricas\u0131 ba\u015far\u0131 ile sonu\u00e7lan\u0131rsa bu olay \u00e7al\u0131\u015facakt\u0131r. Rica, ba\u015far\u0131 ile sonu\u00e7land\u0131\u011f\u0131 i\u00e7in ekrana “Rica Ba\u015far\u0131l\u0131.” yaz\u0131s\u0131n\u0131 bast\u0131r\u0131yoruz. Yine dikkat ettiyseniz .ajaxComplete() olay\u0131m\u0131z da \u00e7al\u0131\u015f\u0131yor.<\/p>\n Ajax ricas\u0131 g\u00f6nderilmeden \u00f6nce \u00e7al\u0131\u015facak olayd\u0131r. \u0130stek yap\u0131lmadan \u00f6nce ekrana, istek yap\u0131lacak dosyan\u0131n ad\u0131n\u0131 yazd\u0131rd\u0131k. $.ajax() iste\u011fini $(document).ready()’nin i\u00e7ine almam\u0131z\u0131n sebebi ise d\u00f6k\u00fcman tam olarak y\u00fcklenmeden iste\u011fin yap\u0131lmas\u0131n\u0131 ve dolay\u0131s\u0131yla .ajaxSend() olay\u0131n\u0131n sorunsuzca i\u015flenebilmesini sa\u011flamakt\u0131r. “Rica tamamland\u0131. Sonu\u00e7: ” \u00f6rne\u011fimizin en ba\u015f\u0131nda g\u00f6z\u00fckmesinin sebebi ise, en son o olay\u0131n \u00e7al\u0131\u015fmas\u0131 ve .prepend() kullan\u0131yor olmam\u0131zd\u0131r.<\/p>\n Ajax iste\u011fi ba\u015flad\u0131\u011f\u0131 anda \u00e7al\u0131\u015f\u0131r. ajaxStart olay\u0131 ile ekrana “Ba\u015fl\u0131yor..” yazd\u0131rd\u0131k.<\/p>\n Ajax ricas\u0131n\u0131n sonunda \u00e7al\u0131\u015fan olayd\u0131r.<\/p>\n \u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxStop\/<\/a><\/p>\n Ajax ricas\u0131 bitti\u011fi anda ekrana “Bitti..” yazd\u0131r\u0131yoruz.<\/p>\n Bir dizi veya nesnenin serile\u015ftirilmi\u015f temsilini olu\u015fturur. Query string i\u00e7in serile\u015ftirilmi\u015f bir antar\/de\u011fer nesnesi olu\u015fturduk ve ekrana bast\u0131rd\u0131k.<\/p>\n Form elementlerini Ajax iste\u011fi i\u00e7in query string’e uygun bir ifadeye kodlar. Ajax ricas\u0131nda g\u00f6nderilmek \u00fczere formu query string ifadeye d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.<\/p>\n Form elementlerini dizi haline d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. Formdaki de\u011ferleri ald\u0131k, iterasyon ile teker teker ekrana bast\u0131rd\u0131k.<\/p>\n Bir HTTP GET iste\u011fi kullanarak sunucudan veri y\u00fckler.<\/p>\n Bir ka\u00e7 kullan\u0131m \u015fekline g\u00f6z atal\u0131m.<\/p>\n \u00d6ncelikle Ajax e\u015fleni\u011fi \u015fu \u015fekildedir:<\/p>\n test.php dosyas\u0131n\u0131 istedik ancak, sonu\u00e7lar\u0131 g\u00f6z ard\u0131 ettik.<\/p>\n test.php dosyas\u0131n\u0131 parametre g\u00f6ndererek istedik ancak, sonu\u00e7lar\u0131 g\u00f6z ard\u0131 ettik.<\/p>\n test.php dosyas\u0131n\u0131 istedik sonu\u00e7lar\u0131 bir uyar\u0131 ile ekrana bast\u0131rd\u0131k.<\/p>\n Bir HTTP POST iste\u011fi kullanarak sunucudan veri y\u00fckler.<\/p>\n Bir ka\u00e7 kullan\u0131m \u015fekline g\u00f6z atal\u0131m.<\/p>\n \u00d6ncelikle Ajax e\u015fleni\u011fi \u015fu \u015fekildedir:<\/p>\n test.php dosyas\u0131n\u0131 istedik ancak, sonu\u00e7lar\u0131 g\u00f6z ard\u0131 ettik.<\/p>\n test.php dosyas\u0131n\u0131 parametre g\u00f6ndererek istedik ancak, sonu\u00e7lar\u0131 g\u00f6z ard\u0131 ettik.<\/p>\n test.php dosyas\u0131n\u0131 istedik sonu\u00e7lar\u0131 bir uyar\u0131 ile ekrana bast\u0131rd\u0131k.<\/p>\n Bir GET HTTP iste\u011fi kullanarak sunucudan JSON kodlanm\u0131\u015f verileri y\u00fckler. Flickr JSONP API kullanarak belirtti\u011fimiz “istanbul bo\u011faz k\u00f6pr\u00fcs\u00fc” etiketlerine uygun en son y\u00fcklenen 4 resmi \u00e7ekiyoruz.<\/p>\n Bir GET HTTP iste\u011fi kullanarak sunucudan bir JavaScript dosyas\u0131 y\u00fckler ve sonra da bunu \u00e7al\u0131\u015ft\u0131r\u0131r. Resmi jQuery renk animasyon eklentisini y\u00fckl\u00fcyoruz ve \u00e7al\u0131\u015ft\u0131r\u0131yoruz.<\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n.ajaxError()<\/h1>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/XxXajaxXx.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n\r\n $("#sonuc").ajaxError(function(event,request, settings){\r\n $(this).prepend("Hata Olu\u015ftu.");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n.ajaxSuccess()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxSuccess\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n\r\n $("#sonuc").ajaxSuccess(function(event,request, settings){\r\n $(this).prepend("Rica Ba\u015far\u0131l\u0131.");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n.ajaxSend()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxSend\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $(document).ready(function() {\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n\r\n $("#sonuc").ajaxSend(function(event,request, settings){\r\n $(this).prepend("<li>\u0130stek yap\u0131lacak dosya: " + settings.url + "<\/li>");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n.ajaxStart()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax_ajaxStart\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $(document).ready(function() {\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n\r\n $("#sonuc").ajaxStart(function(event,request, settings){\r\n $(this).prepend("Ba\u015fl\u0131yor..");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n.ajaxStop()<\/h1>\n
\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<fieldset>\r\n <div id="sonuc"><span style="font-style: italic;"><\/span><\/div>\r\n<\/fieldset>\r\n\r\n<script>\r\n $(document).ready(function() {\r\n $.ajax({\r\n url: "https:\/\/ulviercan.com\/teknoblog\/wp-content\/uploads\/myCodeSamples\/jQuery_Ajax\/ajax.txt"\r\n }).done(function( html ) {\r\n $("#sonuc span").append(html);\r\n });\r\n });\r\n\r\n $("#sonuc").ajaxComplete(function(event,request, settings){\r\n $(this).prepend("Rica tamamland\u0131. Sonu\u00e7: ");\r\n });\r\n\r\n $("#sonuc").ajaxStop(function(event,request, settings){\r\n $(this).append("Bitti..");\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYard\u0131mc\u0131 Fonksiyonlar<\/h1>\n
jQuery.param()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/jsfiddle.net\/icntfan\/e8G7C\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <style>div { color:red; }<\/style>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n <div id="sonuc"><\/div>\r\n<script>\r\n\r\n var params = { width:1680, height:1050 };\r\n var str = jQuery.param(params);\r\n $("#sonuc").text(str);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\u200b\r\n<\/pre>\n.serialize()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/jsfiddle.net\/icntfan\/nVhjp\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <style>\r\n body, select { font-size:12px; }\r\n form { margin:5px; }\r\n p { color:red; margin:5px; font-size:14px; }\r\n b { color:blue; }\r\n <\/style>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<form>\r\n <select name="tek">\r\n <option>Tek<\/option>\r\n <option>Tek2<\/option>\r\n <\/select>\r\n\r\n<br \/>\r\n <select name="coklu" multiple="multiple">\r\n <option selected="selected">coklu<\/option>\r\n <option>coklu2<\/option>\r\n\r\n <option selected="selected">coklu3<\/option>\r\n <\/select>\r\n<br\/>\r\n <input type="checkbox" name="check" value="kontrol1" id="ch1"\/>\r\n\r\n <label for="ch1">kontrol1<\/label>\r\n\r\n <input type="checkbox" name="check" value="kontrol2" checked="checked" id="ch2"\/>\r\n\r\n <label for="ch2">kontrol2<\/label>\r\n<br \/>\r\n <input type="radio" name="radio" value="radio1" checked="checked" id="r1"\/>\r\n\r\n <label for="r1">radio1<\/label>\r\n <input type="radio" name="radio" value="radio2" id="r2"\/>\r\n\r\n <label for="r2">radio2<\/label>\r\n <\/form>\r\n <p><tt id="results"><\/tt><\/p>\r\n<script>\r\n function showValues() {\r\n var str = $("form").serialize();\r\n $("#results").text(str);\r\n }\r\n $(":checkbox, :radio").click(showValues);\r\n $("select").change(showValues);\r\n showValues();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\u200b\r\n<\/pre>\n.serializeArray()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/jsfiddle.net\/icntfan\/tCCPF\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <style>\r\n body, select { font-size:14px; }\r\n form { margin:5px; }\r\n p { color:red; margin:5px; }\r\n b { color:blue; }\r\n <\/style>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n <p><b>Sonu\u00e7lar:<\/b> <span id="sonuclar"><\/span><\/p>\r\n\r\n <form>\r\n <select name="single">\r\n <option>Single<\/option>\r\n <option>Single2<\/option>\r\n\r\n <\/select>\r\n <select name="multiple" multiple="multiple">\r\n <option selected="selected">Multiple<\/option>\r\n <option>Multiple2<\/option>\r\n\r\n <option selected="selected">Multiple3<\/option>\r\n <\/select><br\/>\r\n <input type="checkbox" name="check" value="check1" id="ch1"\/>\r\n\r\n <label for="ch1">check1<\/label>\r\n <input type="checkbox" name="check" value="check2" checked="checked" id="ch2"\/>\r\n\r\n <label for="ch2">check2<\/label>\r\n <input type="radio" name="radio" value="radio1" checked="checked" id="r1"\/>\r\n\r\n <label for="r1">radio1<\/label>\r\n <input type="radio" name="radio" value="radio2" id="r2"\/>\r\n\r\n <label for="r2">radio2<\/label>\r\n <\/form>\r\n<script>\r\n\r\n function showValues() {\r\n var dizi = $(":input").serializeArray();\r\n $("#sonuclar").empty();\r\n jQuery.each(dizi, function(i, dizi){\r\n $("#sonuclar").append(dizi.value + " ");\r\n });\r\n }\r\n\r\n $(":checkbox, :radio").click(showValues);\r\n $("select").change(showValues);\r\n showValues();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\u200b\r\n<\/pre>\nK\u0131salt\u0131lm\u0131\u015f Metotlar<\/h1>\n
jQuery.get()<\/h1>\n
\r\n$.ajax({\r\n url: url,\r\n data: data,\r\n success: success,\r\n dataType: dataType\r\n});\r\n<\/pre>\n\r\n$.get("test.php");\r\n<\/pre>\n\r\n$.get("test.php", { isim: "Ulvi", saat: "12:07" } );\r\n<\/pre>\n\r\n$.get("test.php", function(data){\r\nalert("Y\u00fcklenen veri: " + data);\r\n});\r\n<\/pre>\njQuery.post()<\/h1>\n
\r\n$.ajax({\r\n type: 'POST',\r\n url: url,\r\n data: data,\r\n success: success,\r\n dataType: dataType\r\n});\r\n<\/pre>\n\r\n$.post("test.php");\r\n<\/pre>\n\r\n$.post("test.php", { isim: "Ulvi", saat: "12:07" } );\r\n<\/pre>\n\r\n$.post("test.php", function(data){\r\nalert("Y\u00fcklenen veri: " + data);\r\n});\r\n<\/pre>\njQuery.getJSON()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/jsfiddle.net\/icntfan\/RdGzg\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <style>img{ height: 100px; float: left; }<\/style>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n <div id="resimler">\r\n\r\n<\/div>\r\n<script>\r\n$.getJSON("https:\/\/api.flickr.com\/services\/feeds\/photos_public.gne?jsoncallback=?",\r\n {\r\n tags: "istanbul bo\u011faz k\u00f6pr\u00fcs\u00fc",\r\n tagmode: "any",\r\n format: "json"\r\n },\r\n function(data) {\r\n $.each(data.items, function(i,item){\r\n $("<img\/>").attr("src", item.media.m).appendTo("#resimler");\r\n if ( i == 3 ) return false;\r\n });\r\n });<\/script>\r\n\r\n<\/body>\r\n<\/html>\u200b\r\n<\/pre>\njQuery.getScript()<\/h1>\n
\n\u00d6rnek uygulama -> https:\/\/jsfiddle.net\/icntfan\/KeW4k\/<\/a><\/p>\n\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n <style>\r\n.block {\r\n background-color: blue;\r\n width: 150px;\r\n height: 70px;\r\n margin: 10px;\r\n}<\/style>\r\n <script src="https:\/\/code.jquery.com\/jquery-latest.js"><\/script>\r\n<\/head>\r\n<body>\r\n\r\n<button id="go">» \u00c7al\u0131\u015ft\u0131r<\/button>\r\n\r\n<div class="block"><\/div>\r\n\r\n<script>\r\n$.getScript("https:\/\/api.jquery.com\/scripts\/jquery.color.js", function() {\r\n $("#go").click(function(){\r\n $(".block").animate( { backgroundColor: "pink" }, 1000)\r\n .delay(500)\r\n .animate( { backgroundColor: "blue" }, 1000);\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\u200b\r\n<\/pre>\n.load()<\/h1>\n