2011年12月12日月曜日

ブロガー(blogger)にJSONPを利用したご意見・ご感想フォームを設置

ブロガー(blogger)にJSONPを利用したご意見・ご感想フォームを設置してみました。

かなり、まわりくどいことをしています。ブロガー以外に、自前のサーバーが必要です(笑)。 ブロガーで入力データを受け取り、自前のサーバーに渡し、そこで処理して再びブロガーにデータを返してきています。自前のサーバーとしては、先日紹介させていただいた無料サーバーの「2freehosting.com」を利用しています。

ブロガーで実現しなければならない意味があるのかという根本的な疑問は捨て去り、意味のないこだわりで前進あるのみです。面白くも何ともありませんが、お名前と感想を入力して、送信をクリックしてみてください。内容は真摯に受け止めさせていただきます。

ご意見・ご感想

お名前


感想


ブロガー(blogger)側のソースはこちら。
$(function(){
    $('#opinion01').click(function() {
         var sURL = 'http://(自前サーバー)/opinion.php?callback=?';
         var aParam = $("#opinion").serialize();
         $.getJSON(sURL,
         {params : aParam});
    });
});

var jsonback = function(data){
     $(data.opinion).each(function(){
         $("#opinionshow").html("以下の内容で送信されました。<br /><br />");
         $("#opinionshow").append("お名前 : " + this.onamae + "<br />");
         $("#opinionshow").append("ご感想 : " + this.gokanso + "<br />");
     })
}
サーバー側から返している、コールバックはこちら。
jsonback({"opinion": [
{
   onamae: "(入力されたお名前)",
   gokanso: "(入力された感想文)",
}
]})
自己満足の極みですね(笑)。実際に利用してみるとこんな感じになります。

お問い合わせ

0 件のコメント:

コメントを投稿