jQuery UI 搭配 php 完成自動輸入 input 搜尋功能 "autocomplete"

先準備一下,這個功能是在 jQuery UI 裡面的 autocomplete 功能

先掛上這個外掛:

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

接下來就執行這個 Js 摟
$(function() {
    var availableTags = [];
    $.getJSON('/admin/api_member/get_member_name/?sales_id=S1381118633', function(json) {
        $("#member_name").autocomplete({
            source: json
        });
    });
});

這邊就會去呼叫 /admin/api_member/get_member_name/?sales_id=S1381118633 這個網址。而這個網址吐出來的資料就是一個簡單的 json 陣列就可以啦!

留言

這個網誌中的熱門文章

讓 PHP 接收 post 的 json 資料

PHPExcel 用PHP匯出成EXCEL

解決PHP JSON 中文亂碼的問題