Как можно получить данные из бд в ajax в шаблоне smarty?

Question

[ross_viktor]

здравствуйте, у меня есть такой цикл в шаблоне smarty

<select name="qs_category" id="qs_category">
				<option value="">Категория</option>
				{foreach from=$categories item=v name=cat}
				<option value="{$v.id}" >{$v.str}{$v.name}</option>
				{/foreach}
			</select>

у кого-нибудь есть готовый код который принял бы эти значения не в select, а получал в input как-то через Ajax прямо из бд?я не знаю как это реализовать, поэтому возможно уже есть что-то готовое, в интернете искал ничего рабочего нет.

Comments

[Daria Motorina]

получал в input как-то через ajax прямо из бд

Расшифруйте пошагово (прям 1-2-3), что вы хотите сделать и чего не хватает, чтобы это получилось

[ross_viktor]

Daria Motorina, у меня есть такой запрос

static function getName($id) {

		global $db;
		if(!is_numeric($id)) return;
		global $crt_lang;
		$name=$db->fetchRow("select `name` from ".TABLE_CATEGORIES."_lang where id='$id' and `lang_id` = '$crt_lang'");
 		return $name;
	}

в нем содержатся названия различных категорий сайта, выводятся они вот так в шаблон

<select name="qs_category" id="qs_category">
        <option value="">Категория</option>
        {foreach from=$categories item=v name=cat}
        <option value="{$v.id}" >{$v.str}{$v.name}</option>
        {/foreach}
      </select>

но это полная ерунда, т.к 440 категорий и подкатегорий совершенно ненужны и это неудобно при выборе из select, а подключать select2 не очень хочется, я хотел бы чтобы все эти категории появлялись при вводе первых букв в input type = text, т.е по первым буквам выполнять поиск в бд, но т,к у меня шаблон смарти+отсутствие знаний js я совершенно не понимаю как это сделать, поэтому все заканчивается на php запросе.

1. Вывести все значения в Ajax из бд(не понимаю как это делать совершенно
, особенно в смарти)
но у меня есть пример как это делали в моем скрипте для других целей( продублировать не смог, как не пробовал не работает, хотя делает как раз то что мне нужно)

Вот запрос из шаблона

<script type="text/javascript">
{literal}
        $(function() {
                $( "#user" ).autocomplete({
                        source: "{/literal}{$live_site}{literal}/admin/include/get_info.php?type=user_ac",
                        minLength: 1


               });
        });

{/literal}
</script>

и html

<input type="text" name="user" id="user" value="{if isset($user_ac)}{$user_ac}{/if}" />

в файле get_info.php такой код

case 'user_ac':

		require_once $config_abs_path."/classes/users.php";
		if(isset($_GET['term'])) {
		        $term = escape($_GET['term']);
        		$result = users::getAutocomplete($term);

			require_once $config_abs_path."/libs/JSON.php";

	        	echo json_encode($result);
		}
		break;

и метод getAutocomplete

static function getAutocomplete($term) {

		global $db, $settings;
		//эту строку можно убрать /*if($settings['enable_username']) $field="username"; else $field="email";*/
		$result = $db->fetchRowList("select `$field` from ".TABLE_USERS." where `$field` like '$term%' limit 10");
		return $result;
	}

ну и сама передача в шаблон

$user_ac=users::getUsername($user_id);
//это я думаю тоже не нужно в случае с категориями if(!$post) 
$smarty->assign("user_ac",$user_ac);

я пытался продублировать подставив свои значения для категорий но это почему-то не работает

может быть вы понимаете как нужно это написать

Answer 1

[Daria Motorina]

Опишу в общих чертах, потому что иначе надо воспроизводить весь проект:
1) Обозвите будущий input для автокомплита какой-то айдишкой, нп.

<input id="first-level-category-autocomplete" type="text">

2) Вешаете на нее jQuery UI autocomplete (в примере для инпута #users cудя по всему тоже он), пример вменяемой js-ки тут, там ajax делается в фоне за вас, нужно только этот код правильно в smarty шаблон добавить и респонс от бекенда правильный слать
3) на обработчике, который указали для автокомплита, пишете свой метод getAutocomplete для категорий (select *** where category like '$term%' ***), формируете на php ответ строкой по формату

[{label:"label1", value: "value1"},{label:"labelN", value: "valueN"}]

.
4) Проверяете, что все ок с выводом значений для автокомплита на фронтенде (console.log и alert в помощь)
5) в событии select автокомплита описываете, что хотите делать после того, как юзер выбрал категорию из предлагаемых и она подставилась в инпут. Скорее всего здесь захотите ajax-ом подгрузить дочерние категории. Пишете внутри события select обычный ajax запрос на урл, в котором будете находить дочерние категории, формировать html и отдавать его на фронт, получать на фронте в обработчике success и делать append к нужному элементу верстки.