JavaScript

Javascript

ajaxzip2からajaxzip3へ変えてみました!!

弊社で日頃からお世話になっているライブラリーといえば、

ajaxzip2です!!

 

フォームのテキストボックスに郵便番号を入力すると、

自動で都道府県以下の住所をテキストボックスに反映させてくれるものです。

 

ただ、

このライブラリって大量のJSONファイルをサーバー上にアップする必要がありました。

 

が!!!

 

いつの間にかajaxzip3というものが出ていました。

 

ajaxzip2の場合には、

前述の大量のJSONファイルアップロードに加え、

以下の3行を追加する必要がありました
==========================================================
<script src="../js/ajaxzip2/prototype.js"></script>
<script src="../js/ajaxzip2/ajaxzip2.js" charset="UTF-8"></script>
<script>AjaxZip2.JSONDATA = '../js/ajaxzip2/data';</script>
==========================================================

 

しかし、

ajaxzip3からは以下の1行を追加するだけで実装できるようになりました。
<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>

 

しかも、

以下のURLに変更すればSSLにも対応できます。
https://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js

 

お問合わせフォームなどの作成の際には、

セキュリティー上SSLを設定することが多いので非常に助かります!!

 

コードの書き方も簡単で、

例えば、

郵便番号入力用テキストボックスを1つにし、

住所入力用テキストボックスを「都道府県」「市区町村」「町名以下」の3つ分けたい場合、

以下の様になります。

※詳しくはajaxzip3のサイトで確認してください。
http://code.google.com/p/ajaxzip3/

関連記事

  1. JavaScript

    Javascript

    「jQuery ui Datepicker」のオプション

    前回の記事では、「jQuery ui Datepicker」の設定…

  2. JavaScript

    Javascript

    Google Maps API Ver.3 で地図を表示

    久しぶりにGoogleMap APIを利用しようとして、今更なんで…

  3. JavaScript

    Javascript

    Geolocation APIで位置情報を取得して、Yahoo!地図を表示

    Geolocation APIを使って位置情報を取得して、Yaho…

  4. JavaScript

    Javascript

    写真の右クリックコピーを禁止!!

    弊社は不動産会社様にホームページを提供する機会が多いのですが、その…

  5. JavaScript

    Javascript

    画像 右クリックでのダウンロードは禁止!!

    普段物件画像を取り扱うシステムを構築することが多いんですが、不動産…

  6. JavaScript

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. JavaScript
  2. バージョンアップ
  3. JavaScript
  4. セキュリティー
  5. JavaScript
PAGE TOP