• Home
  • AjaSQL について

  • サンプル
  • SELECT
  • 郵便番号・住所 あいまい検索
  • AjaSQL掲示板

  • download
  • セキュリティ
  • パフォーマンス
  • 開発メモ&BBS
  • 旧テストサイト

  • 【AjaSQLサンプル】

    SELECT




    1.簡単なSELECT

  • サンプル
  • ファイル構成
  • データサンプル
  • 必要な環境




  •  簡単なSELECT文を試してみます。

    →sample.htm

     Ajax、AjaSQLの2つのライブラリを読み込んで使います。設定する項目は、以下の通りです。



    <!-- 
     【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
    n7m1e6o7o8 n7m1e5s1 n7m1k3
    × ×
    * fireFoxは「m1」に含む

    サーバー側
    • PHP4+
    • SQLite2.8+