<\/div>\n

Bir web projesinde harici dosyay\u0131 a\u00e7\u0131p i\u00e7eri\u011fini g\u00f6sterebilmek i\u00e7in JQuery k\u00fct\u00fcphanesinden “load” fonksiyonunu kullanabiliriz.\u0130\u00e7eri\u011fi g\u00f6sterilen dosya fiziksel olarak server taraf\u0131nda bulunmas\u0131 gerekiyor ya da fiziksel dosya yolunu tam olarak belirtebildi\u011finiz dosyalarda hi\u00e7 bir problem ya\u015fanmadan dosya y\u00fcklenip i\u00e7eri\u011fi a\u00e7\u0131labiliyor.\u015eimdi gelin JQuery – load fonksiyonunu beraber inceleyelim.
\n
\n\u00d6ncelikle load fonksiyonunun \u00f6zelliklerini g\u00f6relim.<\/p>\n

load fonksiyonu ile “html”, “js”, “txt”, “css” vs.. gibi uzant\u0131l\u0131 dosyalar\u0131n i\u00e7eriklerine eri\u015filebilmektedir.<\/li>\n
load fonksiyonu se\u00e7ilen dosyay\u0131 mant\u0131ksal olarak y\u00fckler, i\u00e7eri\u011fini a\u00e7abiliyorsa gerekli belirtilen alanda g\u00f6sterir.Fiziksel hi\u00e7 bir i\u015flem ger\u00e7ekle\u015ftirmez.<\/li>\n

load fonksiyonu se\u00e7ilen dosyan\u0131n i\u00e7eri\u011fi uygunsa e\u011fer “html”, “css” ve “js” komutlar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131r\u0131r.(Komutlar do\u011fru prosed\u00fcrlere sahiplerse e\u011fer taray\u0131c\u0131 taraf\u0131ndan derlenmekte ve \u00e7al\u0131\u015ft\u0131r\u0131lmaktad\u0131r.<\/span>)<\/li>\n<\/ol>\n

\u015eimdi bir \u00f6rneklendirme yapal\u0131m.
\nA\u015fa\u011f\u0131daki kod blo\u011funu inceleyeniz.<\/p>\n

\r\n<html>\r\n<head>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\r\n<script type="application\/javascript">\r\nfunction DosyaGoruntule()\r\n{\r\n\t$("#Goruntuleyici").load("harici.html");\r\n\t}\r\n<\/script>\r\n<style>\r\n.GoruntuleyiciClass{\r\n\twidth: 200px;\r\n\theight: 200px;\r\n\tborder: 2px ridge #999;\r\n\t}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div name="Goruntuleyici" id="Goruntuleyici" class="GoruntuleyiciClass"><\/div>\r\n<input type="submit" id="tikla" name="tikla" value="Dosya \u0130\u00e7eri\u011fi G\u00f6r\u00fcnt\u00fcle" onClick="DosyaGoruntule();" \/>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kod blo\u011funu incelerseniz e\u011fer “Goruntuleyici” isimli div nesnesinde harici dosyam\u0131z\u0131n i\u00e7eri\u011fini  g\u00f6r\u00fcnt\u00fcl\u00fcyoruz.Dikkat ederseniz “harici.html” isimli bir dosyay\u0131 html dosyas\u0131n\u0131n i\u00e7eri\u011fini g\u00f6stertiyoruz.<\/p>\n
Yukar\u0131daki \u00f6rnek kodun ekran g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibidir.
\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Bir web projesinde harici dosyay\u0131 a\u00e7\u0131p i\u00e7eri\u011fini g\u00f6sterebilmek i\u00e7in JQuery k\u00fct\u00fcphanesinden “load” fonksiyonunu kullanabiliriz.\u0130\u00e7eri\u011fi g\u00f6sterilen dosya fiziksel olarak server taraf\u0131nda bulunmas\u0131 gerekiyor ya da fiziksel dosya yolunu tam olarak belirtebildi\u011finiz dosyalarda hi\u00e7 bir problem...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[748,584],"class_list":["post-2604","post","type-post","status-publish","format-standard","hentry","category-jquery","tag-jquery","tag-load"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2604","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=2604"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2604\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=2604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=2604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=2604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}