27 EYLÜL 2012, PERŞEMBE

Yeni Başlayanlar İçin Json Ders Bölüm 2 Program Nasıl Ajax Javascript

Jay hoşgeldiniz bazı programlama öğretici iki numaralı Tüm çocuklar umursamıyorum ama ben biraz bu ders serisi genişletmeye karar bit böylece sunucu tarafında kovalamaca ilgili benden daha fazla bilgi almak programlama istemci tarafında programlama ve nihayet yapım göndermek için PHP kullanarak dinamik üzerinde kovalamak Jason verilerini kodlanmış Web uygulamaları öğreneceksiniz Bu derste, böylece nasıl oluşturmak ve hayatınızı web sunucusu üzerinde böyle bir güneş dosyaları yerleştirmek ve biz bir ajax isteği DJ o a dışarı tarafından vuruldu döner yapacağız Bazı süre geri javascript J

verileri ayrıştırmak ve biz yapacağız emin olun biz bakmak Genel Gelen nesne ince verimli kod yapmak bu şekilde iki nesne olsaydı veya kod elli nesneler vardı belki sadece bir kaç satır tüm o getirmek ve Parshat sa

ğlayacak Web sayfanıza veya web uygulaması ve yoksul ajax isteği olacak içine de çizilmez kaplama olacak hiçbir çerçeveler kod sadece birkaç satır gereklidir ve üç yaşındaki yapabilirsiniz tamam burada öğretic

“Ders Kodu: http://www.developphp.com/video/JavaScript/External-JSON-Data-File-Call-In-Using-Ajax-Tutorial Adam ile yeni başlayanlar için JSON öğrenme Bölüm 2. JSO...”
Adam Khoury

i sayı birinde senaryosunu dosya var ne yapmak istediğiniz masaüstünüzde sadece yeni bir klasör oluşturun ve en o J şarkısı çizgi diyelim Şimdi bu yüzden yapmak istiyorum birden kazık için gidiyoruz çünkü testi Emin biz desteklemeyi teşekkür düzenledi bu yüzden sadece biz ilk derste kaplı dosyayı almak ve şimdi dışarı açık o klasöre gidin bu klasöre içine pop Dreamweaver bu yaptığımız dosya dosya ile şimdi ilk ders açmak içinde diyelim Bunun öğretici kovalamaca olar

Yeni Başlayanlar İçin Json Ders Bölüm 2 Program Nasıl Ajax Javascript Resim 1 Yeni Başlayanlar İçin Json Ders Bölüm 2 Program Nasıl Ajax Javascript Resim 2 Yeni Başlayanlar İçin Json Ders Bölüm 2 Program Nasıl Ajax Javascript Resim 3 Yeni Başlayanlar İçin Json Ders Bölüm 2 Program Nasıl Ajax Javascript Resim 4

ak biz yazdığımız ilk örneği kaydedebilirsiniz dışarı Sadece durumda o daha sonra bu nedenle zaman Jason öğretici bir başvuru ihtiyaç devam edin ve JavaScript yeni oluşturmak isteyebilirsiniz tüm kaldırabilirsiniz kazık üzerinde nokta kovalamak yeni Dosya gidin bakın ve sadece ben Dreamweaver değilim ama bazı iseniz tür HTML kullanabilirsiniz Farklı bir metin editörü Eğer nasıl dahilinde biliyorum yol gerekir uzantısı oluşturabilirsiniz Eğer Dreamweaver iseniz ile size Impala olabilir rahat olduğunu sözlerine ekled

i adımları kontrol Zirve tıklama sayfası tipi HTML Dosya gidin Seni o tüm verileri kaldırabilirsiniz hangi Benim Jason öğretici dosyaları ile aynı klasörde müze olarak sabe Ben dosya adı olarak yazın emin olun ya HTML belgeleri Kaydederken nokta kovalamaca listeleyebilir ve sonra bir dosya çağrıda listemde sonraki benim html dosyası üzerinde kovalamak görmek için bu daha önce XML ile çalışacak olmadığını atlatmak bir oğul süre oldukça fazla gibi işe gidiyor senin nokta XML dosya deposu yapı bilgisi mantıklı bir yol oldu sis JavaScript sözdizimi biz sadece bizim küme ayracı patlatabilir kullanıyor ve nesneleri listede konum ağır bir nesne yani bir küme ayracı kapatmak Biz bir liste geçireceksin beri saklanır Eğer bir çift, bu aşağı getirebilir Biz kullanıcı koymak nasıl öğle ancak ilk öğretici hatırlıyorum Colin sonra diğer tarafta biz, kullanıcının adını koymak ve John öğretici 1 kullanıcı hatırlıyorum bkz oldu Orada ilk veri parçası olan John aslında bir çağrı o olsun Sadece bir çağrı Bu içindeki veri ve burada koydu ve ben de göstermek sana nasıl olduğumu Eğer sözdizimi değiştirmeniz gereken biraz o yüzden önde gidelim ve tüm oh saat özellikleri tırnak iki katına çıkacak Tüm tuşlar emin olmak istiyorum biz Kapsül ito çift tırnak ya da başka çalıştığınızda Syntex sorun olacak JavaScript içine bu geri yüklemek için bu yüzden sadece çok temel bir örnek Kontrolü basmanız gerekir var söylemek gibi geri HTML dosyasında Şimdi yapacağız arayacak bir ajax isteği oluşturmak ediyoruz Ben basit bir ihtiyacım geri uygulamasına şimdi beri bu veriler Ben sadece alacağım ajax isteği PHP geliştirmek gitmek ve ham Ajax örnek kapmak JavaScript eğitim videosu bölüm CT yaş patlayıcı PHP kazık gitmek Eğer aşağıda soyunmuş bakın XML HTTP isteği nesne öğretici O ihale Ajax yazı diyor işlevi kapmak Eğer her şeyi almak emin olun bütün fonksiyonunu kapmak kapanış kaşlı ayraç basın Kontrolü aşağı bakın Bu almak ve HTML belgesinde JavaScript unsuru haline burada yapıştırılan Eğer bütün bu işleri nasıl anlayış gerekiyorsa artık tüm yorumları kaldırmak Bu eğitim videosu ben departmanda her satırı açıklamak böylece Ajax sadece izlemek için başarısız nasıl çalıştığını anlamıyorum bana sen söylemiyorsun Her anlayacaksınız Video almak doğru zaman burada bu videoyu izleyin tek satır ama biz yorumların kurtulabilirsiniz yüzden tüm bu saçmalığı ihtiyacımız olacak değiliz onlar çünkü o tüm bu yorumlar okumak aşağı Slims ne kadar benim göstereceğim anlayış haklı çalıştırmak için uygulama gerekli değildir En son bütün bu devam edin ve bir seyretmek nasıl çalıştığını anlamak olmayacak şekilde Video dostum tamam bu yüzden bu URL Değişken biz sadece almak ve aslında yere koyabilirsiniz gurl değişkeni burada bahsedilen açık mesajlarla Sadece orada bir yerde olduğunu koymak izin ve biz bu gerekmez bu satırı kaldırın benim listeye bir şarkı hakim olduğunu değiştirebilirsiniz tamam listemi böyle bir oğul ve değişecek yapacağız kullanım D konum bu yüzden almak sonrası Burada artık yerine yazının mesajı almak biz barry ables var biz bu ilk isim değişkeni gerekmez soyadı değişken veya çubuklar değişken sadece o kurtulabilirsiniz şimdi o gönderme yöntemiyle yaptığı barlar giyer ajax isteği kadar biz Knoll koymak için gidiyoruz biz herhangi bir değişken gönderme değil çünkü şimdi bu nereye diyor en değiştirmesine izin içerik türü: formu URL'den kodlanmış gelen Act Jason'a sadece bu yüzden içerik türünü görmek için değiştirin: uygulama J şarkı ve sadece yapmak diyelim o bir lavabo ronnie o bir ajax ile ihtiyacınız olan üçüncü parametre var doğrudur istek Ben o isteğe bağlı bir parametre açılış kullanmak oluyor gerekli değil demek Bu durumda true olarak ayarlandığında Şimdi yapmamız gereken son şey sonuçlarına bu değişimdir Bu isim% çünkü ah edeceğim tapulu sayfa var Vücutta artık sonuçlarına böyle bir değişiklik durumu verir o da koyalım ve kimlik emin olun sonuçlarına eşit zaten duyuyorum en go ahead ve bu H parçasından bizim tepki metnini belirtmeme izin verin Değişken biz üst parse üzerinde kovalamaca kullanmak için gidiyorum o ihtiyacımız olacak çünkü yöntem Bu verilere göre aslında biz bu hat kurtulabilirsiniz Gerçekten de bu yüzden biz bir dakika içinde orada başka bir şey koymak gerekir kırpılmış versiyonu ve ajax isteği kadar biz biraz o kadar değiştirmek öyleydi ama ne sonrası mekanizma bundan oldu Biz olduğunuzda hizmet veren HP geliştirmek Burada PHP veri gönderme ve geri alma Bu yüzden daha sonra POST isteği ve bir ajax isteği olsun kullanacağız verilere onun kovalamaca alıyorum ve biz sadece kodlanmış içerik türü URL değiştirmek Uygulama Jason şimdi zaman istediğin o dis Ajax yazılan alıcı aslında diyelim o değiştirmenize izin Ajax üzerinde kovalamak olsun işlevi Ajax Jason olsun böylece daha mantıklı Onun çağrısı bu patlayacaktır çalıştırmak için zaman ajax isteği ve veri üzerinde kovalamaca geri getirmek ve ayrıştırmak yani ne yapacağım sadece bu başlangıç ​​komut elemanı kapmak olduğunu Ben verebilir altında benim vücuda olacak gidiyorum Ben bu komut öğesinde olacak koymak olduğumu sonuçları bunu kapatmak emin olun ve ben sadece burada bu ağaç kopyalayabilirsiniz ve bu, ihale sivri ne yapacağı Bu fonksiyon çalıştırmak yapacağız tamam bu yüzden siz bildiğiniz gibi zaman hazır devlet eşit veya İK durumu 200 olduğunu araçları Eagles bilgi sunucu sitesi verileri geri geldi Eğer gerçek var ve bu yüzden burada ajax isteği ile Harici bir dosyadan bu bilgilere erişim bu yüzden yapacağım bir değişken olarak adlandırılan veri oluşturmak olduğunu Bu HTTP istekleri eşit olacak Yanıt metni ama ya biz sadece Biz DJ Sonntag ayrıştırma kullanmak istediğiniz veri değişkeni içine paketi böylece nokta üzerinde Jas yazın üzerine mesaj ayrıştırmak ve bu ne o hazır, fakat Javascript olsun yardımcı olur Biz bilgi bu yüzden bir kez ayrıştırma değişken olarak adlandırılan veri içine paketlenmiş dış dosyadan Bir sonraki satır bu temsil eden bir değişken oluşturmak istiyorum Sonuçlar bu yüzden aslında bu alabilir burada yaptım ya da burada çubuk sonuçları o kadar koyun No elemanı olsun belgeye eşit Sonuçlar bu şekilde her zaman biz istiyoruz Buna konuşma JavaScript aracılığıyla başvurulan tüm yapmamız gereken yaptım Sonuçlar değişkeni adı çok değişiklikler söylemek bu sadece birlikte olmak miyiz hatırlıyorum isteyerek baba sunucusunda yüklenirken vermek söylüyor ve bu sadece bir salise size nokta nokta talebinde kelimeleri göreceksiniz kullanmak olacak nokta ve sonra tüm sunucu tarafında bu uygulama içine dökülen geleceğiz ve Sadece bölünmüş sn ve aslında bu koymak ve resim etiketi nerede olduğunu olması belki biraz fan yükleyici veya veren animasyonlu gif Hareketli her türlü yükleyici gerçek olan bu kelimeleri değiştirebilirsiniz animasyonlu gif animasyonlu gif soğutucu şeyler yapmak için Babam talep edilirken insanlara gösterecektir Şimdi tamam sunucu tarafı biz derste öğrenilen şeyler 1 olacak şimdi benim listesinin bakalım kullanışlı Eğer biz bir nesne var bakın böyle bir oğul ve o farklı anahtar / değer çiftleri var olan veya özellikleri ve değerleri biz mülkiyet kullanıcı yaşı ve ülke var ve bu yüzden ve tüm bu şeyler için ilgili değerleri yüzden yapacağım Kullanıcıların adına çekmek için girişimi H ve ülke geri benim web belgedeki bu veri nesnesi aracılığıyla Bu üst ayrıştırma yöntemi ile kovalamaca ile tükendi bu yüzden bir sonuç innerHTML nokta var Veri hatırlamak eşittir Biz ilk derste öğrenilen nokta notasyonu Bu uygulamayı çalıştırdığınızda bu yüzden ne olması gerektiğini orada bir kullanım sağlar Sunucumuz veri olduğunda tatlı ajax isteği yürütmek ve Sunucu tarafında John'u ajax isteği geri Ben bir on listemi ben kovalamaca onu sonuçlarına atmak olacaktır edeceğiz yaptım bazı bilgiler bunu değerlendirebilir ve biz almak emin olun lazım kullanıcı hangi böylece adı John biz yaptığımız bu görmelisiniz testis zaman Sonuçlar John TC kelimesini John koymak kelimesini yaptım ve başarılı bir küçük bir test biraz daha nasıl size gösterecektir var derinlik ama biz bir test çevrimiçi bizim gerçek canlı sunucuda dağınık var tamam bu yüzden benim gerçek Adam Khoury nokta com web sitesi, ancak bu testi kullanıyorum ve emin olmak zorunda olduğu canlı web sunucusu üzerinde online yerel bir işe beklenen bu test edebilirsiniz En Siz bu giriş yapmanız gerekmektedir bu yüzden yerel işe yaramayacak seni seviyorum web sunucusu dosyalar Ben onlar konum klasöründe adı olacak tip değilim mim J şarkıyı demo değildi ve ad dosya dat HTML Jason öğretici oldu ve ben hep aynı olarak benim liste da kovalamaca var onunla yapmak Online bazı basın ŞİMDİ basın ve kelimesini John görmelisiniz Split için bkz ikinci dot dot dot talebinde dedi Daha sonra John bizim değerli ve gerçekten kelime talebinde görürsünüz yakın bakmak İkincisi istekte sözcüğü bakın sadece bölünmüş o kadar hızlı çevrimiçi canlı veri iletimi bu kadar bölünmüş ikinci ama siz yüklemek biraz daha uzun sürer daha fazla veri bu yüzden biz aynı kullanılarak Orada tüm bu verileri elde edebilirsiniz benim listeye UJS bakmak nokta notasyonu ilk video öğrenilen dis kullanıcı verileri gibi yani bir cümle yazabilirsiniz dat dat ajan yaşıyor Veri ülke yük canlı bir web sunucusuna ve test ekleyebilirsiniz olabilir bu yüzden şimdi bir sayfayı yenileyin John Amerika Birleşik Devletleri'nde 22 yaşıyor şimdi kovalamaca kullanıyor bu boşluk hizmettir verilerine amaçlanmıştır olarak dışında ilk derste hatırlıyorum üç farklı kullanımları vardı listemde RJ bazı biz sadece bir kullanıcı gerçekten var sadece gerçekten bir amacı, bir servis edildi ki yani ne yapabilirim içinizde çoklu veri nesneleri kurulur bu yüzden önde gidelim ve çift tırnak çift tırnak içinde yazın Cawley kez 1 ve sonra biz olacak koymak konum bizim Colin hatırlar ve sizin için değeri bir kolon sağa gider ne o olacak, kendi nesne bkz ama kaşlı etrafında yanı yapar ve Dreamweaver konum ve diyor eğer bir olduğunu satır bir filan üzerinde yazım hatası Bu sözdizimi hiç uyarı dert etmeyin Ben Dreamweaver bile donanımlı olduğunu düşünmüyorum çünkü ve kontrol yeteneği diğer nokta Jason kurmak en go ahead ve bir satır aşağı bu getirsin, böylece dosya çift ​​var boşluklar ve en bu aşağı getirsin yaklaşık burada şimdi yerinde ikinci bir kullanıcı koymak İlk derste üye kullanım nesne temsil etmek bir iki üç tane vardı John size üç istiyorum sizlere kullanmak için gidiyoruz BL ina olacak Biz nesnesine öğretici 11 paktı hepsinde kullanılan gibi ya Burada sen de üç askerin bu satırı kopya 1 ve biz bu bir sonra bir virgül koymak emin olacak Başka bir tane orada başka bir virgül ve sonuncusu üzerinde yani temelde içeriden görünümü ana nesne virgül koymak do not vardı Öğretim iç içe 3 nesneleri sadece çok size istediğiniz ve size bu üç Bu kullanıcının oldu olacak Bu kullanıcının RBL daha yaşları 27 on dokuz hizmetlerde ama o sevgili oldu 27 19 ve irade Birleşik Krallık oldu nah BL Meksika'dan olduğunu ve arkadaşlarımı bok Şimdi nasıl kurulum büyük bir liste anlamak ve yeğeni bu bir yüz ürün olabilir 50 ürün olabilir ve benim gibi kullanıcıların olabilirdi istimal insanlar olmak zorunda değildir öğelerin her türlü size bir liste yapabilir istiyorum görüntü için kaynak bir galeri olabileceğini dosyaları yapabilirsiniz tüm görüntü galerisinde hemen hemen yük bir hıçkırık takmak kullanarak Sadece yüklemek için bir XML dosyası kullanmak istiyorsunuz gibi olacak aşk görüntüleri bir resim galerisi ya da galeri şimdi geri bu yapmak için başvuruda aynı cümle tekrar aslında okumak benim listesinde bakalım en almaya çalışalım olacak olan 27 Birleşik Krallık onun sevgili babası dışarı ve ne görmek yapmak olur veriler de dot kullanıcı verileri çok H dot ve veri de seni Jack ülkeyi nokta Bu RJ biz neden nedeni ise bazı kurmak bkz Size üç istiyorum anlamına Biz iç içe nesnenin daha var çünkü Tamam tahlil böylece ayrıştırma olduğunu ve daha sonra da FTP sizi sunucu üzerinde koymak ve emin olun Sen benim liste IJ güneş deniz konum ve üzerinde kovalamaca FTP'ye öğretici nokta HTML ve sen benim listesi% uh Jason biz taze iken hem canlı sunucuda bu yerine emin olun ve biz Willis 27 bu Birleşik Krallık büyük olsun Şimdi en Birlikte şuna benzer bir liste var diyelim çok daha fazla olduğunu çok daha fazla öğe kullanıcılar Seni çok iyi senin aracılığınla istiyorum var bakın ve içeride tür insanlar John Willoughby Elric Susan Amy P Chris Luol olduğunu yaşları ve ülkeleri de çok dosyada ben 12 kişiyi olsaydı Ben her kullanıcı için 12 kere bir kere bu çizgide yüklemek zorunda ve benim liste bu yüz kullanıcıları yüz öğeler vardı ne olur ben bu satırını yüz defa yazmak olurdu demek yani benim web uygulamasına veri atmak o akıllı kalacağız göstermek Luke yapmak için ve ne döngü olacak Yapmanız izin run-through tüm bu nesneler ve uygulama içine onları ayrıştırmak sadece birkaç satır kullanarak sadece orada şimdi o açıklama oldu sağ ve bu çizginin altında taşınabilir oluşturmak için açık / kapalı Prentice o açık kaşlı bir çift aşağı gitmek var zavallı küçük çizgi yakın kaşlı ayraç Eğer barı veya BJ yazın istiyorum Veri ruh ya da her değişken veri nesne de bu döngü çalıştırmak biliyorum böylece, böylece bu öğelerin her birinin her biri için anlamı ne Bu pek çok kez içinde nesneler üzerinde bu döngü olacak koşmak ve her birinin üzerine olacak pas yüzden biz olsun innerHTML değişken de burada yapacağız sonuçları Biz sadece görmek artı burada eşit olacak gibi ve bu bizi pek çok şey bileşik için izin verirsiniz O kabın içine HTML bir sürü sadece oldukça eşit ise onların her biri her öğe veya her nesne üzerine yazacaktır Eğer koymak ya da görmek artı eşittir ve bu bileşik zaman ve değer adı almak için şimdi oraya gitmek Bu nesnelerin her biri için sabin veri açık köşeli ayraç yakın köşeli ayraç ve köşeli parantezler alıyormuş ya da BJ değişkeni arasında o geçen geliyor nesne her döngü içinde burada oluşturulduğu içinden dot kullanıcı ve dinamik kullanıcı adı çekeceğim listemde ve sonra sadece koyabilirsiniz Bir İK mola sadece BR konulmuştur yani aslında bir artı kullanıyor olması onların talep eden kelime eşit kalacak yüzden go ahead ve bu satırı yorumsuz ve sadece yapalım boş bu sadece etkin bir şekilde boş olduğunu ağırlığında Sadece nokta nokta talebinde kelime tahtasının kordon döngü dot Tamam bu yüzden bunu kaydetmek emin olun gerçek hangi verilerin doldurmak mümkün Minner ne olsun servise sizi o kadar FTP İşte online göğsüm sayfa ve ben yenilemek için gidiyorum FTP vermedi çünkü IECI sadece üç olsun Bir gemi gibi listemi tamam şimdi up yeni bir liste ile yenileyin Listede ben virgül koymadı çünkü bakımdır gönderdiğiniz adres bunların arkasında ben onları yapıştırılan zaman sadece sonuncusu hariç, bu her ardında virgül olduğundan emin olmak için var böylece bu küçük bağımsız nesnelerin her biri, her birinin arkasında bir virgül koymak Eğer dedirten tamam bir FTP o yenilemek ve herkes analisti orada yaparız olduğunu Greg Soldan tüm yol listesinde olduğunu ve daha sonra buraya geri temelde bu kurabilirsiniz Sadece ilk cümlede gibi yapacak istediğiniz şekilde HTML Kullanıcı çift tırnak koyacağız tam burada çift ​​tırnak iki artı işaret ve daha fazla koymak arasındaki çift tırnak Veri nokta nesne nokta yaşı Burada bu H olduğundan emin olun birazdan burada benzer bir şey yapmak ve yaşıyor Uzay artı ülkeyi dokunun ve sonra da geçmektedir Başka bir artı işareti koyacağız ve biz sadece iki ayrı yatay kural koyacağım her kişinin Web sitenize bu FTP o kadar tasarruf Eğer test sayfasını yaşamak gidin ve yenileme ve orada onlar geldi iyi bir veri veri var gidin ve barry yıldırım hızlı dışarı yıldırım hızlı girdaplar neredeyse kelimesi o kadar hızlı oldu talebinde görebilirsiniz ama bu uygulama içinde öyle değil baba sen aradığını olduğunu Yapmamız olan gidiyoruz şimdi ne iyi sunucuda Muhtemelen PHP yan şeylerin içine almak size gerçek güçlü dinamikleri göstermek Sadece bazı önceki öğreticiler gibi böyle bir şey olmadığı bir gösteri sen nasıl kullanılacağı adamlar Dinamik PHP ile XML nasıl kullanılacağını göstereceğim Jason verileri dinamik olarak PHP bu yüzden Veritabanı sonuçlarına dinamik hale olacaktır burada göremiyor statik liste ve bunun gibi şeyler yapma Gerçekten ultra güçlü.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/External-JSON-Data-File-Call-In-Using-Ajax-Tutorial Adam ile yeni başlayanlar için JSON öğrenme Bölüm 2. JSON JavaScript Object Notation duruyor. Bu veri nesneleri oluşturmak ve göndermek için hafif bir biçimidir. JSON JavaScript bir parçası değil, ayrı bir varlıktır, gösterim sözdizimi bir alt kümesi olarak ham Javascript programlama dili içine inşa edilmiştir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.7/10

  • 555
    Olumlu
  • 17
    Olumsuz
  • 84
    Yorum
  • 119944
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Google Developers

    Google Devel

    23 AĞUSTOS 2007
  • kidrauhl

    kidrauhl

    15 Ocak 2007
  • Peyton

    Peyton

    28 Aralık 2008

ANKET



Bu sayfa işinize yaradı mı?