プラ通信たまプラーザで生活、仕事する「たまデジ。LINE2011.05.26このブログ「別館」のトップには、「お知らせ」と称して「別館」と「新館」の更新情報が表示されるようになっていますが、「別館」の更新情報を表示する仕組みについての記事2回目です。前回は、更新情報を提供する側、すなわち「新館」で更新情報をJSON形式で返す手順について触れました。今回は、「別館」でそれを受けて表示するための仕組みを書きます。前回の記事:【Web開発】ブログに新館の更新情報を貼る(1)実は、「別館」の実装の方が簡単なのです。トップにある記事に、以下のようなJavaScriptのコードを埋め込んでいます。‘</ul>’;$("#whatsnew").html(html);}});//–></script>これを見てわかるように、jQueryを使っています。どこかでjQueryのライブラリを読み込んでおかなければなりません。私は、テンプレートをいじくりましたが、これはココログプロのみの話ですので、そうでない場合は記事内でscriptタグを用いて読み込んで下さい。$.ajax()メソッドを使っていますが、これはエラーを捕捉したいためです。他のラッパーメソッドを使った方が簡単でしょうが、個人的にはきめ細かな制御ができる方が、後々楽です。ちなみにajax()メソッドの引数はリストのみで、必要なパラメータのみ指定すればOKです。このコードでは、urlで「新館」の更新情報をJSONPで返すURLを、dataTypeでJSONPを、一応jsonpでコールバックパラメータ名callbackを、そしてエラー時の関数errorと成功時の関数successを指定しています。重要なのはsuccessの中身で、要は得られたJSONPデータを順番に、<ul>要素の中身としてリンクとして展開しているだけです。展開したHTMLは、上の方にあるdiv要素の中身になります。これで目的は達成できるのですが、なぜajax()なのかと言いますと、将来的に「新館」の方でデータ形式が変わっても追従しやすいようにするためと、すでに書きましたがエラーの捕捉を容易にしたいからです。いうことで、無事目的は達成されました。結果だけ書けば簡単ですが、実際にはかなり試行錯誤しました。Ajaxプログラムのデバッグがもっとやりやすければいいのですが...。Mapが正常に表示されていないことに気付く!プログラマとしての恥。Mapsが正常に表示されないことに気付きました。ソフトウェア開発ASP.NETの小技―HTML要素の属性を変更するまだ三が日だというのに、プログラムネタです。風邪を引いたらしく、ジムにも行けないので、仕方なくプログラムなどを組んでいますが、そこで見つけたちょっとしたネタを備忘録替わりに書きます。Serverのデータベースを、ローカルにバックアップします。Serverのレンタルサーバをを解約するので、データが消失する前に手元に残しておこうというわけです。「ねこの写真館」を整える&説明表示機能を付ける最近、「新館」の整備に力を入れています。いうことで、今日は「ねこの写真館」に昔の写真などをひととおり入れてみました。長い間撮ってきた割には少ないなぁ。新しい連載がCodeZineで始まりました。テーマは「VSCode」。Codeという高機能なコードエディタです。自身も愛用しているので、頑張って有益な記事にしたいと思います。Mapsをセンター表示する「新館」ネタが続き恐縮です。なんか、ここのところ、「新館」関連の調子がよいもので...。MapsのAPIを使って表示しています。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ホームソフトウェア開発スポンサーリンク自己紹介この記事を書いた人なおさん個人事業「たまデジ。最近ようやく本人が大っぴらに活動できるようになった。10)NASの空き容量が足りないと思ったらごみ箱機能に気を付けよう。Serverデータベースをローカルにバックアップする【日記】見上げてみよう、スズカケノキとユリノキ【Web開発】データベース・テーブルの更新日時を知る「無効なMS-DOSファンクション」と闘う。APIを導入しよう【執筆記事】クライアントサイドとサーバサイドの「良いとこ取り」。「無効なMS-DOSファンクション」と闘う。「無効なMS-DOSファンクション」と闘う。