Aplikasi dan website hari ini, mereka tidak lagi ini memiliki identitas mandiri. Mereka mengandalkan aplikasi lain dan website dan layanan web untuk mendorong dan menarik data dari. Jadi ini berarti kita akan membutuhkan pemahaman yang baik tentang format data platform-independen ini bahwa kita akan akan menggunakan untuk bertukar informasi antara sistem.
Dan saya maksudkan JSON, JavaScript Object Notation, dan XML, Extensible Markup Language. Jadi kita akan menendang bahasan ini dengan sebuah gambaran singkat untuk berbicara tentang kedua format data ini, bagaimana mereka berbeda dari satu sama lain dan di mana kita harus menggunakan satu atau yang lain. Kami juga akan berbicara tentang layanan web. Banyak kali, layanan web akan kembali baik XML atau JSON. Jadi itu sebabnya ada baiknya untuk mengetahui bagaimana bekerja dengan baik dari mereka, karena Anda mungkin harus bekerja dengan layanan web yang hanya mengembalikan salah satu atau kedua dari mereka. Dan Anda harus membuat keputusan. Dari sana, kita akan melompat ke lab bahasan virtual.
Kita akan mulai dengan JSON - cara membuat, bagaimana untuk mengkonsumsi dan menampilkannya di website kami. Kami akan melakukan hal yang sama dengan XML. Dapatkan merasakan seperti apa. Kami akan mengkonsumsinya, mengurai, dan menampilkan di halaman web kami. Jadi setelah kita mendapatkan beberapa contoh sederhana tentang bagaimana format ini melihat dan bagaimana kita dapat bekerja dengan mereka, maka kita akan mendapatkan yang baik Misalnya, baik, contoh nyata terjadi bagaimana memanfaatkan ke layanan web publik. Google memiliki layanan web yang dapat kita gunakan yang duduk di atas YouTube yang benar-benar hanya mesin pencari di atas YouTube yang mengembalikan JSON objek. Jadi kita akan mengambil bahwa layanan web dan tarik ke bawah makan dan menampilkannya dalam halaman kita sendiri.
Jadi kita bisa streaming video langsung dari YouTube pada halaman kami. Saya juga akan menunjukkan kepada Anda layanan web keren yang dapat kita gunakan layanan web cuaca yang kita dapat memanfaatkan itu kita akan menggunakan Ajax dengan untuk secara dinamis memperbarui bagian dari website kami yang terus-menerus menunjukkan cuaca untuk lokasi tertentu Jadi apa JSON semua tentang ? Nah, JSON adalah, sekali lagi, JavaScript Object Notation.
Dan meskipun memiliki kata JavaScript di dalamnya, itu tidak terikat hanya JavaScript. Ini platform-independen, terbaca-manusia, ringan, format data sederhana yang dapat kita gunakan untuk bertukar informasi di internet. JSON menjadi semakin lebih populer karena mudah untuk bekerja dengan, karena itu ringan. Dan lagi karena dalam dunia pengembangan web, kita bisa mudah mengambil objek JSON dan mengubahnya menjadi JavaScript keberatan untuk bekerja dengan dalam script kita. XML sangat populer karena sudah sekitar untuk sementara, dan memiliki banyak manfaat yang sama seperti JSON. Ini platform-independen, bahasa-independen, terbaca-manusia. Dimana XML mulai mendapatkan rap buruk adalah format itu sendiri, terutama karena tag berakhir di sini benar-benar bloats semuanya.
Lihatlah. Kita punya banyak data di sini dalam tag dari data itu sendiri. Jadi ini adalah alasan itu mendapat rap buruk, di sini. Hits. Dibutuhkan lebih banyak ruang untuk menggambarkan data ini dibandingkan dengandata itu sendiri. Jadi seperti mengambil palu godam untuk paku untuk pekerjaan kecil di mana JSON akan lebih cocok bagi mereka yang kecil pekerjaan karena palu. Jadi ini adalah mengapa JSON jauh lebih cocok untuk web, karena itu benar-benar dimaksudkan untuk pertukaran data ringan.
Jadi apakah kita bertukar informasi dari web kami aplikasi ke server kami atau layanan web, itu sempurna. Dan fakta bahwa itu diterjemahkan menjadi JavaScript benda dengan sedikit usaha yang lebih baik, karena parsing XML, sekali lagi, bisa menjadi hal yang tepat waktu Dimana XML lebih cocok untuk mewakili kompleks, struktur data yang saling terkait, jenis perusahaan barang. Layanan Web. Anggap saja sebagai kendaraan yang mendorong data ini sekitar internet. Ini adalah teknologi cross-platform yang dapat kita gunakan untuk pertukaran informasi. Jadi itu adalah " always on" jenis hal yang duduk di web layanan yang siapa pun dapat memanfaatkan dan menggunakan. Dan siapapun yang membangun layanan web memiliki kontrol atas apa format data mereka mengekspos melalui itu. Misalnya, jika mereka menggunakan SOAP, yang dikenal sebagai XML layanan web, Simple Object Access Protocol hanya hanya paket dan mengirim XML. Jadi dalam hal ini, jika seseorang membangun sebuah layanan web SOAP XML bahwa Anda memasuki, Anda terjebak dengan XML. Tapi sekali lagi, siapa pun bisa benar-benar, jika mereka membangun dalam, katakanlah, NET, mereka dapat membangun layanan web. Dan mereka dapat memilih untuk serialize data yang keluar itu sebagai JSON. Dan misalnya di sini, layanan REST web mendapatkan jenis populer.
Ini adalah singkatan dari Negara Transfer. Ini adalah cara yang kita bisa langsung bekerja dengan benda-benda kami dari hasil panggilan. Dan Anda dapat memformat hasil dalam XML atau JSON. Dan lagi, Anda jenis memiliki kontrol penuh atas format yang keluar dari layanan web. Tapi banyak kali, tergantung pada apakah Anda bekerja dengan vendor atau jika Anda bekerja dengan web publik layanan, banyak layanan web publik bahwa saya telah bekerja dengan mendukung berbagai macam format, yang baik. Ini fleksibel.
Dan apa yang kita inginkan sebagai pengembang web karena, jujur , kita tidak ingin bekerja dengan XML di ujung depan. Ini kikuk. Ini kembung. Dan dibutuhkan banyak waktu untuk mengurai. JSON sangat cocok untuk hal semacam itu. Baiklah, kenapa tidak kita kepala ke lab bahasan maya dan melihat bagaimana rasanya bekerja dengan kedua format ini. Kami berada dalam mesin pengembangan kami di lab bahasan virtual. Mari kita membuka Visual Studio 2012 Web Developer Express. Kami memiliki proyek baru dalam solusi ini disebut
Consuming_Data mana, di sini, kami memiliki halaman baru kita akan untuk bekerja dengan apa yang disebut consuming_data. Kami juga memiliki sebuah folder di sini disebut XML. Setelah kita masuk ke XML, kita akan bekerja dengan file XML ini. Dan mari kita mulai di sini dengan hanya menyisipkan dalam naskah dan bekerja dengan JSON. Jadi aku akan paste di sekelompok kode di sini. Kita akan mulai di bagian atas.
Kita akan mulai, hanya sangat sederhana, dengan mendapatkan memahamkan apa format data JSON terlihat seperti dan bagaimana kita dapat bekerja dengan secara langsung. Sekarang, di masa lalu, ketika kita menciptakan objek dalam JavaScript, kami menciptakan sebuah kelas. Dan kemudian kami menciptakan sebuah benda hidup berdasarkan kelas itu. Di sini, terlihat sangat mirip bukan? Kami menciptakan objek JSON dengan cepat. Dan ini adalah mengapa diterjemahkan menjadi objek JavaScript dengan baik, karena itu hanya cukup properti, nilai, dipisahkan oleh titik dua. Itu saja. Sekarang kita bisa mulai bekerja dengan objek JSON ini seolah-olah itu biasa, objek lama berdasarkan kelas di mana kita hanya bisa mengatakan tip, property. Dan itu akan memberi kita nilai. Jadi ini adalah tentang benar-benar sebagai mudah karena mendapat. Mari kita simpan ini. Saya akan klik kanan pada halaman kami. Kita akan melihatnya dalam browser. Dan mari kita pergi ke depan dan memilih di sini, saat ini beban up, Dapatkan Tip JSON. Cukup sederhana. Kami hanya mengambil data dan sekarang menempatkan sebagai HTML.
Mudah, kan? Hampir terlalu mudah. Tapi itulah apa yang kita sukai. Jadi mari kita gulir ke bawah dan mendapatkan sedikit lebih kompleks contoh di sini. Di sini kita memiliki rutinitas getTips JSON bahwa kita
telah terikat dengan sebuah tombol. Dan di sini kami menciptakan lebih dari obyek yang kompleks yang
berisi sebuah array asosiatif. Array asosiatif hanya cukup berarti, lagi, item, nilai. Dan dalam hal ini, nilai kita adalah sekelompok objek tip diformat sebagai JSON. Jadi sekarang, jika kita ingin bekerja dengan ini, kita bisa menelepon tips. OldTips, yang akan memberi kita semua tips ini. Dan kemudian tips. NewTips, yang akan memberi kita semua tips ini. Dan jadi kita memanggil displayJSONTips ini dua kali. Pertama kali iterates melalui, itu akan menampilkan semua yang lama dan.
Kedua kalinya, semua yang baru. Dan jika scroll ke bawah dan melihat fungsi ini, aku akan mulai melemparkan beberapa jQuery kamu sekarang kita yang tahu bagaimana menggunakannya. Dan biarkan aku hanya melakukan ini. Mari saya mendapatkan barang ini keluar dari sini sehingga Anda dapat melihat betapa mudahnya fungsi ini adalah dengan menggunakan dan kami akan tempel semua kembali masuk Jadi di sini adalah. Berikut fungsi jQuery kami. Dan apa yang kita lakukan adalah kita melewati dalam data JSON. Jadi pertama kali masuk, itu akan berisi semua tips tua. Dalam hal ini, kami hanya akan melakukan - menggunakan Fungsi JQuery. each yang akan iterate melalui masing-masing dari mereka JSON item. Dan di sini itu akan kembali, dalam kami
fungsi anonim di sini, saya dan kemudian barang.
Ini adalah jika Anda ingin bekerja dengan indeks, seperti yang kita lakukan dengan loop. Item adalah jika kita ingin bekerja dengan objek dan properti secara langsung. Sekarang, biarkan aku paste seluruh kode ini kembali ke sini, yang harus tampak akrab. Ini adalah kode yang kami dibangun di dalam loop kita kembali ketika kita berbicara tentang bagaimana melakukan loop di bahasan aliran kami. Dan kami telah diperluas di atasnya seluruh bahasan sejak saat itu. Tapi pada dasarnya, semua yang kita lakukan adalah sedikit logika dan kemudian format. Tapi titik nyata di sini adalah, lihat, bekerja dengan hal ini adalah seperti bekerja dengan objek JavaScript. Kami hanya melakukan item. property seperti yang kami lakukan di atas. Jadi mari kita menyelamatkan satu ini. Kepala kembali ke browser. Refresh. Dan sekarang, jika kita lakukan Dapatkan Tips JSON, hasil yang sama. Jadi itu hanya membuktikan bahwa format data JSON sangat sederhana untuk membaca, memahami, membuat, dan kemudian lulus sekitar antara sistem. Jadi di sini pertama adalah semua tips lama kita. Kemudian kita mendapatkan dua tips baru terakhir kami. Jadi bagaimana hal ini dibandingkan dengan XML ? Mari kita gulir ke bawah sini dan menyisipkan beberapa kode yang lebih dalam blok script kami. Dan kita akan gulir ke atas, dan hal pertama yang kita miliki di sini adalah hanya fungsi yang disebut getTipsXML, yang menggunakan Ajax untuk memuat file. Dan sekali file yang dimuat, itu akan memukul ini fungsi callback disebut displayXMLTips dan mengambil XML. Jadi kita akan mendapatkan data sini dari tips xml kami.
Dan jika kita gulir ke bawah di Solution Explorer sini ke proyek kami dan atas tips. xml, inilah seperti apa. Dan sekarang ini XML sangat sederhana. Jadi ini akan sangat sederhana untuk mengurai. Tetapi jika kita memiliki XML yang kompleks, Anda akan melihat bahwa itu akan mengambil lebih banyak karena parsing XML adalah banyak seperti parsing DOM. Anda harus benar-benar menemukan apa yang Anda cari dan kemudian berjalan melalui node untuk mengekstrak informasi yang Anda ingin ekstrak. Dan sekarang, jika kita gulir ke bawah ke fungsi displayXMLTips kami, itu jenis membuatnya tampak mudah karena kita menggunakan jQuery. Tapi kau akan melihat beberapa nuansa kecil di sini. Dan lagi, ini adalah XML sangat sederhana. Tapi setidaknya, JSON masih jauh lebih mudah untuk bekerja dengan karena, nomor satu, kita harus, daripada melakukan masing-masing dan loop melalui segala sesuatu dalam daftar node kami, dalamXML kami, kami benar-benar harus menemukan. Kita harus melakukan Find pada ujung.
Jadi ini benar-benar akan kemudian melakukan Masing-masing itu. Jadi ini akan menarik keluar setiap tip tunggal dan semua anak-anak di bawah elemen ujung dalam XML. Dan kemudian kita melakukan sesuatu yang funky. Di sini, saya akan menunjukkan bahwa dalam satu detik. Dan kemudian jika kita ingin bekerja dengan node di bawahnya tips, kita perlu melakukan ini. Kita perlu Find lain. Jadi ini adalah bagaimana hal tersebut akan benar-benar memperlambat karena kita terus-menerus mencari DOM, XML DOM, untuk menemukan node ini dan kemudian ekstrak nilai-nilai. Tapi selain itu, itu tidak terlalu buruk penggalian karena itu jauh seperti kami hanya melakukan. Maksudku, itu tidak semudah seperti di object. property JSON. Tapi Anda mendapatkan ide di sini adalah kami hanya menarik keluar semua nilai elemen. Sekarang jika kita memiliki atribut di sini, sekali lagi, kita perlu menggunakan beberapa kode yang berbeda untuk mencabut atribut XML juga. Sekarang, mari kita lihat apa ini tampak seperti di browser. Mari kita simpan. Kepala dilakukan untuk browser, refresh dan hit Dapatkan Tips XML. Ada itu. Ada dua tips kami diambil dari file XML kami. Tidak terlalu buruk. Sekarang, mari kita lihat dan mari kita menghapus funky ini potongan kode di sini. Hit simpan. Kepala kembali ke browser. Hit Refresh.
Dan sekarang memukul Dapatkan Tips. Jadi ini hanya apa yang saya maksud. Nuansa sedikit bekerja sama dengan XML memberi kita kosong node, hasil kosong di masing-masing dari mereka. Jadi itulah yang ini sepotong defensif sedikit kode melakukan di sini, ini hanya memastikan bahwa jika tidak ada nilai tip ini, jika kita mendapatkan tip kosong di sini, maka itu akan kembali benar. Ini seperti melakukan terus dalam loop. Jadi itu hanya parser XML yang funky dan memberikan kita spasi node kembali sebagai nilai. Hal-hal begitu banyak kecil seperti itu. XML akan membuat Anda gila jika Anda bekerja dengan itu terlalu lama. Sekarang, jika Anda ingat, di sini kita membuat panggilan Ajax, kan? Kami melakukan ini adalah panggilan asynchronous sehingga akan menyebutnya. Dan itu akan callback ke halaman kami di sini melalui kami callback bila dilakukan. Salah satu tujuan untuk bahasan ini adalah untuk juga melakukannya dengan menggunakan XMLHttpRequest. Dan dalam bahasan sebelumnya, ketika kita melakukan callback kita benar-benar melihat bagaimana melakukan keduanya. Dan XMLHttpRequest dan kemudian permintaan Ajax. Sehingga Anda dapat melihat bagaimana mereka berdua berbeda dalam sintaks.
Yah, aku melakukan hal yang sama lagi di sini. Dan dengan XML kita, jika kita ingin melakukan hal yang sama hal, ini dia. Hanya daripada menggunakan callback di sini, kami langsung menempatkan dalam acara rutin kami yang sebenarnya, yang kita akan masih panggilan displayXMLTips. Jadi saat ini, kami hanya melakukannya sedikit berbeda. Alih-alih menggunakan Ajax, kami menggunakan XMLHttpRequest. Dan itu kode yang sama persis bahwa kita melihat kembali pada kami callback bahasan. Tapi aku hanya ingin menunjukkan dua arah yang Anda bisa melakukannya. Dan XMLHttpRequest yang jenis cara lama melakukan. Jadi jika Anda dipaksa untuk melakukannya dengan cara ini, maka sekarang Anda tahu bagaimana. Tapi jika Anda tidak, cara terbaik untuk dilakukan adalah benar-benar menggunakan jQuery dan Ajax.
Tapi inilah hasilnya. Jika kita memukul F5, di sini itu Muat Tips XHR. Berikut ini Tips Dapatkan XML. Mereka berdua melakukan hal yang sama. Dan aku hanya menambahkan di sini. Jadi itu sebabnya setiap kali kita klik, itu hanya menambahkan lebih banyak tips. Sekarang mari kita lakukan sesuatu yang keren. Mari kita lihat bagaimana kita benar-benar bisa menggunakan JSON di dunia nyata untuk menarik kembali data dari layanan web, mengurai itu, dan menampilkannya. Jadi aku akan menyisipkan sekelompok kode di sini. Mari kita mulai dengan pakan YouTube kami. Jadi kita punya dua blok kode di sini. Salah satu yang akan menggunakan layanan web, web YouTube kami layanan, untuk mendapatkan hasil JSON dan pipa mereka ke dalam video pakan dalam halaman kami. Kemudian kita akan melihat bagaimana untuk membuat panggilan Ajax cuaca yang layanan dan membawa kembali cuaca untuk lokasi tertentu. Baiklah, jadi mari kita mulai dengan pakan YouTube kami. Jadi jika kita ingin memanggil web service, kita bisa melakukan sesuatu seperti ini. Anda akan perlu untuk mendapatkan URL dari layanan web. Dan sekarang kita benar-benar akan menerima beberapa parameter ketika kita sebut ini. Pengguna, dengan cara ini kita dapat memberikan pengguna kontrol atas apa yang pengguna mereka ingin menarik umpan dari dari YouTube. Dan kemudian hasilnya max untuk menarik kembali. Jadi semua yang kita lakukan kemudian adalah kita sedang membangun URL kami dengan nilai-nilai.
Jadi di sini adalah layanan web yang sebenarnya YouTube. gdata. youtube. co m / feeds / api / pengguna. Dan kemudian Anda lulus dalam pengguna. Dan kemudian Anda bisa, juga sebagai parameter - ada sekelompok parameter lain di luar sana juga - lulus dalam hasil max dan kemudian jumlah maksimum hasil. Dan di sinilah kita benar-benar meminta yang kita inginkan JSON. Dan kita juga mengatakan kita ingin callback kami terjadi tepat dalam fungsi ini di sini. Anda juga dapat menempatkan metode callback yang sebenarnya di sini. Dan kemudian akan callback ke metode bahwa ketika Anda sudah selesai. Sekarang, kami hanya melakukan itu semua dalam satu tembakan dalam sini. Dan inilah di mana kita akan menggunakan metode getJSON jQuery. Hal ini keren karena itu akan mendapatkan semua JSON dari layanan web dan kemudian mengirimnya melalui argumen ini data yang di sini dalam fungsi callback kami.
Dari sana, kita akan dilakukan di masing-masing. Kita akan loop melalui semua data. feed. entry tersebut. Ini adalah koleksi objek JSON yang akan berisi semua informasi yang kita butuhkan. Kita akan mengekstrak id. Aku akan menunjukkan kepada Anda dalam sedikit. Kita perlu id itu. Dan inilah dia. Barang, lihat, seperti yang kami lakukan sebelumnya di mana kami melewati di i untuk indeks atau teks karena kami bekerja dengan itu. Kami bekerja dengan item sendiri untuk mengekstrak ID tersebut, $ t berisi nilai yang sebenarnya, yang benar-benar akan berisi URL dengan embel id di akhir. Jadi itulah sebabnya kami hanya mengganti. Kita akan menyingkirkan ini bagian dari URL yang akan memberi kita hanya id. Kemudian kita mengekstrak judul, yang akan menjadi nama YouTube video. Kemudian kita mengekstrak penulis pertama. Kemudian kita mengekstrak tanggal. Dan kita hanya mengambil 10 karakter pertama lepas tanggal yang akan memberi kita yeah, bulan, dan hari. Kemudian kita akan menghasilkan sekelompok HTML berdasarkan data tersebut. Kita akan menggunakan kembali gaya kami tip.
Dimana kita akan membuat sebuah artikel, kami akan membuat header. Kali ini, header akan berisi Judul video. Kemudian kita akan menggunakan pemutar YouTube HTML5 baru, yang membutuhkan iFrame ini dan teks HTML. Kemudian Anda tentukan tinggi dan lebar Anda. Dan sumber Anda akan menjadi hak ini di sini. youtube. com / embed / id dan video, itulah sebabnya mengapa kita diperlukan untuk mengekstrak id dari JSON tersebut. Kemudian kami punya beberapa hal lain dalam sana. Kami hanya menempatkan 0 pada frame sehingga kita tidak melihatnya. Dan kemudian kita hanya, dalam footer kami, kami menempatkan diupload oleh penulis.
Dan kemudian kami juga menempatkan tanggal di atasnya. Jadi itu saja. Kami hanya dihasilkan HTML ada, penggalian nilai-nilai yang kita diekstrak dari JSON. Dan saya juga menambahkan baris kode ini untuk Anda di sini. Ini benar-benar akan menggunakan Flash Player yang lama. Jadi jika Anda ingin menggunakan Flash Player, Anda hanya dapat ganti baris iFrame ini dengan garis objek di sini. Dan itu akan membuatnya tua SWF Flash Player atas baru HTML5 player. Dan kemudian kita hanya pipa semua itu ke DIV kami, seperti kami sudah
telah melakukan. Dan itu itu. Satu hal lagi saya ingin menunjukkan di sini adalah saya menambahkan ini console. log dan lulus pada item kami. Hal ini akan mencatat seluruh objek JSON kami ke jendela konsol
dalam browser. Jadi kita dapat menggunakan alat pengembang kami untuk melihat itu. Dan ini baik untuk tujuan pembangunan. Jika situs Anda memasuki, layanan web Anda memanfaatkan tidak memiliki dokumentasi yang baik, maka ini cara yang bagus untuk melihat semua item yang kita dapat bekerja dengan. Jadi saya menambahkan di sini. Mari kita simpan dan kita lihat bagaimana ini terlihat.
Jadi kita akan me-refresh halaman kami di sini. Aku akan memukul Dapatkan YouTube Pakan, dan memeriksa itu.
Ada itu. Ada lima. Oh, dan omong-omong, aku mungkin harus menunjukkan Anda. Di bagian bawah di sini, kita sebut getYouTubeFeed. Mengirimkan bahasanbahasans sebagai pengguna kami dan 5. Jadi kita harus mendapatkan lima video streaming di, terbaru lima video dari bahasanbahasans pengguna atas di YouTube. Dan inilah dia. Di sini semua dari mereka. Tidak buruk. Untuk sedikit kode, kita mendapatkan banyak fungsi dari itu. Dan itu terlihat cukup keren, dan semuanya bekerja besar. Dan jika kita memukul F12 untuk masuk ke alat pengembang kami, maka lebih ke tab Console, berikut adalah lima dari objek tersebut.
\Jika kita memperluas yang pertama, inilah yang pertama. Dan Anda bisa melihat semua jenis di sini. Jadi kita dapat melihat bahwa penulis kami adalah array, dan itulah sebabnya kami harus mengeluarkan indeks nol dari array. Dan kemudian kami pergi melalui nama $ t, yang ditarik keluar bahasanbahasans. Bahkan, jika kita kepala ke sini, Anda dapat benar-benar melihat bahwa - lihat ini - barang, penulis, 0. name. t. Yang ditarik keluar dan disimpan penulis dalam sini, dan kemudian kita hanya pipa itu ke HTML kita. Tetapi jika Anda gulir ke bawah sini, ada lebih banyak informasi kita bisa memanfaatkan.
Kita bisa mendapatkan kategori jika kita ingin, istilah pencarian, daftar goes on pada. Konten, judul. Berikut penerbit mana kita menarik kami tanggal dari sana. Berikut ubin. Untuk objek pertama di sana, ada bahasan mikro. Diperbarui. Hanya ada statistik lainnya di sini. Ada banyak informasi yang baik tentang video ini. Dan omong-omong, id. Di sinilah kita benar-benar mengeluarkan id ini. Jadi kami yang ganti ini, yang memberi kami id ini, yang kita kemudian bisa membangun URL embed. Terjadilah bahwa ke pemutar video, dan itulah yang kita dapatkan. Jadi hal-hal yang cukup mengagumkan. Dan omong-omong, jika Anda ingin mempelajari lebih lanjut tentang bagaimana memanfaatkan layanan web publik seperti yang YouTube di sini, kepala ke developers. google. com / YouTube. Ini adalah tempat yang bagus untuk belajar bagaimana melakukan banyak hal dalam banyak bahasa yang berbeda. Bahkan, di sini saya menggunakan API Dokumentasi YouTube data untuk versi 2. 0. Di dalam Perpustakaan Guides Client dan Kode mereka memiliki JSON / JavaScript Guide.
Ini hanya bagaimana sangat, sangat dasar untuk bangun dan berjalan. Benar-benar cepat. Dan hanya output judul feed tertentu ke dalam daftar. Ada juga panduan yang lebih rinci di sini. Ada Panduan Referensi juga, yang akan memberi Anda banyak informasi yang baik tentang apa parameter Anda dapat melewati. Berikut banyak parameter yang kita melewati Layanan YouTube yang kita cari di sana. Dan hanya banyak informasi yang baik di sini tentang bagaimana tekan dan menggunakan layanan web dan semua bahwa Anda bisa melakukannya. Sekarang, layanan web lain yang saya ingin menunjukkan bahwa saya menyadap menggunakan Weather Underground keran di dan tarik cuaca out, kondisi cuaca untuk lokasi tertentu. Aku hanya sulit dikodekan dalam sini Eugene, Oregon. Markas bahasans. Jadi kita akan melihat apa cuaca seperti di daerah mereka.
Dan kita menggunakan callback Ajax saat ini. Jadi kita hanya melakukan ajax. Lewat di URL, yang dataType, jsonp. Dan kemudian pada kesuksesan, kami hanya menempatkan dalam anonim fungsi inline di sini di mana, sekali lagi, inilah item kami. Kita akan console. log tersebut agar kami dapat menganalisis semua JSON yang datang kembali. Dan kita hanya akan menyimpan semua informasi ini dalam sebuah artikel. Kita akan mengekstrak kota, negara, zip dari lokasi JSON object. Dan kemudian juga, ada sebuah URL ikon kecil keren yang menunjukkan
kondisi saat ini. Jadi kita akan mendorong itu ke daerah di mana kami biasanya memiliki kami betapa panas hit kami. Jadi thumbs up, jempol ke bawah, kebakaran, semua hal semacam itu. Dan kemudian kami akan menampilkan kondisi saat ini dan seterusnya dan lain sebagainya. Tapi lihatlah ini. Sangat sedikit kode, sekali lagi, kali ini untuk melakukan Ajax callback untuk memasuki layanan web. Jadi ini sangat cocok untuk hal-hal seperti ini. Cuaca, di mana Anda terus-menerus akan menjadi memperbarui itu. Daripada posting dan menyegarkan seluruh halaman, sekarang Ajax bisa mengambil alih dan memperbarui sedikit porsi halaman kapan saja ia memiliki update. Sempurna untuk apa JSON dibangun untuk juga, karena itu kecil, sederhana, dan itu kinerja tinggi. Itu hal kecil, untuk memperbarui applet kecil di suatu tempat di sudut atau halaman web akan mengambil mikrodetik dapat dilakukan. Jadi mari kita simpan ini. Kepala ke browser sekali lagi di sini. Refresh. Dan kali ini mari kita cuaca Ajax.
Hei, ada itu. Jadi ada itu. Eugene, Oregon. Ini saat berawan, dan dingin. Brrr. 48 derajat Fahrenheit, 9 derajat Celcius. Kami bahkan memiliki elemen terakhir diperbarui di sini. Hit F12. Dan di sini adalah objek. Pengamatan saat ini. Ini berisi semua informasi terkini tentang cuaca di sana di baik tua Eugene, Oregon. Berikut adalah semua informasi yang baik. Jadi aku hanya meraih feelslike_string, yang memberikan kami berdua Fahrenheit dan Celsius. Anda bisa melakukan satu atau yang lain jika Anda ingin orang-orang tertentu. Saya juga meraih terakhir kali diperbarui, yang ada di sini. Dan kemudian inilah URL icon I disalurkan ke citra tersebut. Saat ini, itu berawan. Nah, melihat semua informasi yang baik di sini kita bisa tarik. Kita bisa mendapatkan angin gust cuaca, hampir semuanya. Dan inilah lokasi JSON object yang memberi kita semua informasi tentang lokasi dan bahkan di mana cuaca diekstrak dari. Dan last but not least, biarkan saya menunjukkan kepada Anda Doodler dan bagaimana ini berlaku untuk Doodler.
Jadi dalam Doodler, kita melakukan hal yang persis sama. Kami menarik kembali bahwa JSON pakan melalui web Google layanan, dan kemudian kami menampilkannya di sini melalui HTML5 ini pemutar video. Yang dengan cara, jika Anda mengklik kanan pada video, Anda dapat memberitahu bahwa ini adalah pemutar video HTML5 karena kami memiliki bagus klik menu kanan daripada yang lama Flash plug-in menu ketika Anda mengklik kanan di atasnya. Satu-satunya perbedaan di sini juga adalah bahwa kita sedang menampilkan sebuah sedikit berbeda. Kami memiliki korsel bagus yang menunjukkan semua video baru-baru ini feed semua dilakukan dengan menggunakan CSS. Jadi konsumsi data mengagumkan.
Ini masa depan.
Ini adalah apa yang memungkinkan kita untuk memperkaya website kami dengan lainnya informasi dan sistem masyarakat. Dan itu juga memungkinkan kita untuk mengekspos data kita sendiri sehingga orang lain dapat memperkaya situs Web mereka dengan informasi kami. Dan itu hanya menarik untuk menjadi bagian dari web karena tampaknya seperti itu berkembang lebih dekat dan lebih dekat, seiring waktu, ke yang besar, sistem yang terintegrasi. Dalam bahasan, kami belajar bagaimana untuk mengkonsumsi data. Kita mulai dengan gambaran. Kami berbicara tentang apa JSON dan XML. Mereka berdua terbaca-manusia, platform-independen, data yang format yang digunakan untuk bertukar informasi di seluruh internet. Kami melihat bahwa perbedaan besar antara mereka adalah JSON yang baik untuk hal-hal web, baik untuk kecil ringan, mudah, struktur data sederhana untuk bertukar informasi. Dan bekerja dengan sangat baik JavaScript. Dan kita melihat bahwa XML lebih format untuk jenis perusahaan barang. Kami juga melihat bahwa layanan web adalah apa yang mendorong semua data ini di internet. Kemudian kami melompat ke laboratorium bahasan virtual. Kami melihat bagaimana mengkonsumsi JSON. Kami melihat bagaimana mengkonsumsi XML. Dan kemudian kita meletakkannya bersama-sama dengan memanfaatkan publik layanan web untuk pull down JSON, mengurai, dan menampilkannya pada halaman web kami. Saya berharap ini telah informatif untuk Anda.
No comments:
Post a Comment