Çoğu web sitesi hala RSS kayıtlarını arka planda XML olarak tutyor. Yahoo Pipe’ları bize RSS/XML kaynaklarını JSON a dönüştürülmüş halde sunuyor. Bunun için aşağıdaki adrese istenilen sitenin sayfa url’sini ekleyip yolluyoruz.
http://pipes.yahoo.com/pipes/9oyONQzA2xGOkM4FqGIyXQ/run?&_render=JSON&_callback=piper&feed=
Yapacağımız işlem çok karışıkmış gibi gözükse de aslında bu işlemi yapmak için sadece iki adet kısa içerikli json function oluşturuyoruz.
Örnek uygulamamıza başlayalım;
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 |
|
<%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”yahoopipe.aspx.cs” Inherits=”yahoopipe” %>
|
| <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
|
| <html xmlns=”http://www.w3.org/1999/xhtml”>
|
| <head runat=”server”>
|
| <title></title>
|
| <script type=”text/javascript” src=”http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js”></script>
|
| <script type=”text/javascript”>
|
| function loadJSON(url) {
|
| //kullanacağımız yahoo pipe adresini ekliyoruz
|
| var yahooPipe = ‘http://pipes.yahoo.com/pipes/9oyONQzA2xGOkM4FqGIyXQ/run?&_render=JSON&_callback=processJSON&feed=’;
|
| var headID = document.getElementsByTagName(“head”)[0];
|
| var newScript = document.createElement(‘script’);
|
| newScript.type = ‘text/javascript’;
|
| newScript.src = yahooPipe + url;
|
| headID.appendChild(newScript);
|
| // newScript değerini headID’ nin alt elemanı olarak atadık
|
| }
|
|
| function processJSON(feed) {
|
| // yahoo dan dönülen değeri feed ismi altında aldık
|
| document.writeln(feed.value.title + ‘<BR>’);
|
| // document . write kullanarak yazıcağımız değerleri html kodu içine alıyoruz
|
| for (i = 0; i < feed.value.items.length; i++) {
|
| document.write(“<a href=’” + feed.value.items[i].link + “‘>”);
|
| document.writeln(feed.value.items[i].title + “</a><BR>”);
|
| }
|
| }
|
| loadJSON(‘http://etravelideas.wordpress.com/feed/’);
|
| // kullanmak istediğimiz adresi loadJSON fonksiyonuna gönderiyoruz bu değer yahooPipe a gönderilecek
|
| </script>
|
| </head>
|
| <body>
|
| <form id=”form1″ runat=”server”>
|
| <div>
|
|
| </div>
|
| </form>
|
| </body>
|
| </html> |
|
Örnek uygulamamızı çalıştırdığımız zaman asp sayfamız belirlediğimiz adresteki bilgileri yahoo Pipe ile json edilmiş olarak geri dönecek ilk url mizin içindeki ” render=JSON&_callback=processJSON= ” satırı geri dönülen değerin json formatında olacağını ve javascriptimize geri dönülen değeri processJSON fonksiyonuna yollamasını söylüyor.