簡単なSELECT文を試してみます。
【
→sample.htm】
Ajax、AjaSQLの2つのライブラリを読み込んで使います。設定する項目は、以下の通りです。
- 初期設定オブジェクト ( サンプルでは、var sqlite01 = {...} )
- 送信処理とSQL文 ( サンプルでは、function send(){...とsql = "select * from zip ...)
- 受信後の処理 ( サンプルでは、function onloaded1(resoj,reqoj){...} )
<!--
【AjaSQLサンプル】
SELECTサンプル
-->
<!-- 暫定Ajaxライブラリ jslb_ajaxxxx.js -->
<script language = "JavaScript"
charset = "utf-8"
src = "../ajasql/jslb_ajax036.js"></script>
<!-- 暫定AjaSQLライブラリ ajasqlxxx.js -->
<script language = "JavaScript"
charset = "utf-8"
src = "../ajasql/jslb_ajasql027.js"></script>
<script language = "JavaScript">
<!--
//================================================================
// 初期設定オブジェクト
// ( 必要項目を設定してください )
//
var sqlite01 = {
//サーバー側で使う初期SQL名
useSQL : 'sqlite', // 'mysql' or 'sqlite'
//SQL初期設定
dbName : '../ajasql/zipdb', // DB名(SQLiteはDBファイルパス)
tblName : 'zip', // テーブル名
//Ajax初期設定
url : 'http://ajasql.org/sample/ajasql/ajasql_gw233.php' ,
// AjaSQLゲートウェイのURL
callback : 'onloaded1', // 受信時の初期起動関数名
method : 'GET', // GET | POST
ascync : true // 非同期通信 true|false
//( ↑ascync行末だけカンマ「,」が無いことに注意 )
}
//
// [初期設定] ここまで
//----------------------------------------------------------------
//初期化
sqlite = new asql_Conf(sqlite01);
//送信処理
function send(){
//SQL文を作成
//「郵便番号」入力による住所検索の場合
// (「zip」テーブルから カラム「code」が「3001288」なものをリクエスト)
//
sql = "select * from zip where code like '3001288' ;"
//SQL送信 SELECT文を送信
//
asql_sendSQL(sqlite,sql)
}
//受信処理 コールバック関数(サーバーから着信時に起動)
function onloaded1(resoj,reqoj)
{
//レスポンスデータを配列化 ( array[行][列] で取り出せるようにします)
var ary = getRowColArray(resoj,reqoj)
//ヘッダ行ary[0]を除くary[1]を出力
document.getElementById('addrdiv').innerHTML = ary[1]
}
//-->
</script>
<form name="zipform" onsubmit="return false">
<input type = "button"
name = "zip"
value = "SQL送信"
onclick = "send()">
</form>
<!-- ここへ結果を表示します -->
<div id="addrdiv"></div>
ファイル構成
【HTML/JavaScript/PHP】
(Webアクセス可エリア)
│
├0/
││
│└sample.htm //サンプル(0604)
│
└ajasql/
│
├ajasql_gw233.php //AjaSQLゲートウエイ(0604)
│
├zipdb //郵便番号SQLiteデータベースファイル(0604)
│
├jslb_ajax036.js //暫定Ajaxライブラリ(0604)
└jslb_ajasql027.js //暫定AjaSQLライブラリ(0604)
*(0604)等はパーミッションですが、必要に応じて設定してください。
データサンプル
3001282|茨城県牛久市井ノ岡町
3001283|茨城県牛久市奥原町
3001286|茨城県牛久市小坂町
3001281|茨城県牛久市桂町
3001288|茨城県牛久市久野町
3001284|茨城県牛久市島田町
:
:
必要な環境
クライアント側
動作ブラウザ
| win |
mac |
linux |
| n7 | m1 | e6 | o7 | o8 |
n7 | m1 | e5 | s1 |
n7 | m1 | k3 |
| ○ | ○ | ○ | × | ○ |
○ | ○ | × | ○ |
○ | ○ | ○ |
* fireFoxは「m1」に含む
サーバー側