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/

WordPress短期学習プログラム

関連記事

  1. JavaScript

    Javascript

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

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

  2. JavaScript

    Javascript

    「REQUEST_DENIED」というエラーコード...

    GoogleMap APIを利用してマップ表示させたいのですが、&…

  3. JavaScript

    Javascript

    Geolocation APIを使ってスマホで位置情報取得

    iphoneやAndroidのGPSを利用して位置情報を取得したい場合…

  4. JavaScript

    Javascript

    Google マップのストリートビューを実装してみました!!

    Google マップのストリートビューを実装してみました。&nbs…

  5. JavaScript

    Javascript

    「jQuery ui Datepicker」のオプション

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

  6. JavaScript

    Javascript

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

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

コメント

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

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

最近の記事

  1. PHP(ピー・エイチ・ピー)
  2. PHP(ピー・エイチ・ピー)
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. Security(セキュリティ)
  7. WP:WordPress(ワードプレス)
  8. WP:WordPress(ワードプレス)
  9. WP:WordPress(ワードプレス)
  10. アフィリエイト
PAGE TOP