Tad 教材網 - 線上書籍

:::

2-2 上課範例：admin/ajax.php

3-1 上課範例：admin/index.php next

\[1012\]PHP進階開發及TadTools工具應用
============================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1012/03.zip)

### 一、 TWzipcode官網：[http://app.essoduke.org/twzipcode](http://app.essoduke.org/twzipcode/)

1. 用途：可輸入郵遞區號，會自動生出縣市及鄉鎮市區，反之亦可。
2. 最新版為1.4.1有自動偵測功能，本例為1.3.1（有修改成可結合表單驗證程式），javascript部份設定（需先引入jquery）：
 ```

4. 表單部份：
 ```

<div style='position:relative;'>
 <span id='AddrForm'></span>
 <input type='text' name='addr' size='30' value='{$addr}' id='addr'>
</div>
```

### 二、 用選單切換內容

1. 利用下拉選單，選擇後，內容立即做出改變（不換頁）
2. 先處理一下表格，在要呈現內容的地方改為<tbody id='contact\_list'></tbody>
3. 然後利用jquery的$.post()方法把相關內容給抓出來，並塞到contact\_list中。
 ```

$('#menu2').change(function(){
    $.post('ajax.php' , {op: contact_list , gsn: $('#menu2').val()} , function(data){
        $('#contact_list').html(data);
    });
});
```

5. ajax.php裡可以根據op去執行相關函數，以抓出表格通訊錄內容。
 ```

$gsn=empty($_POST['gsn'])?0:$_POST['gsn'];
$op=empty($_POST['op'])?'':$_POST['op'];

switch($op){
    case "contact_list":
    echo contact_list($gsn);
    break;
}

function contact_list($gsn=''){
    //根據$gsn去資料庫撈出相關資料，基本上就是index.php的list_contact()函數內容
}
```

7. 一切換完選單就立即抓出資料：
 ```

$('#menu1').change(function(){
    $.post('ajax.php' , {parent_gsn: $('#menu1').val()} , function(data){
        $('#menu2').html(data);
        $.post('ajax.php' , {op: 'contact_list' , gsn: $('#menu2').val()} , function(data){
            $('#contact_list').html(data);
        });
    });
});
```

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D749

快速登入

書籍目錄

展開 | 闔起

線上使用者

131人線上 (57人在瀏覽線上書籍)

會員: 0

訪客: 131

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者