jquery select2: ошибка при получении данных из php-mysql

Я тестирую выбор2 плагин в моей локальной машине.
Но по какой-то причине. это не сбор данных из базы данных.

Я пытался несколько раз, но не смог найти проблему.

Ниже приведен код.

<div class="form-group">

<div class="col-sm-6">
<input type="hidden" id="tags" style="width: 300px"/>
</div>
</div>

<script type="text/javascript">
var lastResults = [];

$("#tags").select2({
multiple: true,
placeholder: "Please enter tags",
tokenSeparators: [","],
initSelection : function (element, callback) {
var data = [];
$(element.val().split(",")).each(function () {
data.push({id: this, text: this});
});
callback(data);
},
ajax: {
multiple: true,
url: "fetch.php",
dataType: "json",
type: "POST",
data: function (params) {
return {
q: params.term // search term
};
},
results: function (data) {
lastResults = data;
return data;
}
},
createSearchChoice: function (term) {
var text = term + (lastResults.some(function(r) { return r.text == term }) ? "" : " (new)");
return { id: term, text: text };
},
});

$('#tags').on("change", function(e){
if (e.added) {
if (/ \(new\)$/.test(e.added.text)) {
var response = confirm("Do you want to add the new tag "+e.added.id+"?");
if (response == true) {
alert("Will now send new tag to server: " + e.added.id);
/*
$.ajax({
type: "POST",
url: '/someurl&action=addTag',
data: {id: e.added.id, action: add},
error: function () {
alert("error");
}
});
*/
} else {
console.log("Removing the tag");
var selectedTags = $("#tags").select2("val");
var index = selectedTags.indexOf(e.added.id);
selectedTags.splice(index,1);
if (selectedTags.length == 0) {
$("#tags").select2("val","");
} else {
$("#tags").select2("val",selectedTags);
}
}
}
}
});
</script>

fetch.php

Я проверил fetch.php, и он работает нормально. Это возвращает данные.

<?php
require('db.php');

$search = strip_tags(trim($_GET['q']));
$query = $mysqli->prepare("SELECT tid,tag FROM tag WHERE tag LIKE :search LIMIT 4");

$query->execute(array(':search'=>"%".$search."%"));

$list = $query->fetchall(PDO::FETCH_ASSOC);

if(count($list) > 0){
foreach ($list as $key => $value) {
$data[] = array('id' => $value['tid'], 'text' => $value['tag']);
}
} else {
$data[] = array('id' => '0', 'text' => 'No Products Found');
}

echo json_encode($data);

?>

Я пытаюсь создать тег, и он будет проверять тег в базе данных.
Если тег не найден, пользователь может создать новый тег, и он сохранится в базе данных и отобразится при выборе пользователя.

На данный момент я еще не создал страницу для сохранения тегов в базе данных.
Я попытался использовать select2 версии 3.5 и 4.0.1, а также.

Это первый раз, когда я пытаюсь выбор2 плагин. Поэтому, пожалуйста, игнорируйте, если я сделал глупые ошибки. Я извиняюсь за это.

Спасибо за ваше время.

Редактировать:

Я проверил в firebug и обнаружил, что data fetch.php не получил никакого значения из поля ввода. это похоже на проблему в Ajax. Потому что он не отправляет значение q.