Я работал над этим «скрывающим» div ...
<div STYLE="position:absolute;display:none;"><INPUT type='file' id='file1' name='files[]'></div>
Во-первых, вы должны убедиться, что ваш PHP-файл работает, вы можете проверить его, открыв find_Service.php
отдельно или, как сказал @ADyson, проверить это в консоли проверки на вкладке сети.
Так как я видел, как вы используете jQuery, я немного упростил ваш код, используя jjuery ajax и выбрав элемент со знаком $
.
Я использую поддельный API-сервер, чтобы он работал здесь.
function searchService(){
var srv_search = $('#service_search_box').val();
var $srv_search_div = $('#service_search_div');
if(srv_search.length > 0){
$("#search_search_div").removeClass("d-none");
$.post("https://jsonplaceholder.typicode.com/posts", //replace with "/find_Service.php"
{
service_search_box: srv_search,
},
function(data, status){
if(status === "success" ){
$srv_search_div.html(data.service_search_box); //replace with data
$srv_search_div.addClass("d-none");
}
console.log(data);
});
}else{
$srv_search_div.html("");
$("#service_search_div").addClass("d-none");
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="service_search_box" class="form-control mr-sm-2" type="text" name="search" placeholder="Search Services..." oninput="searchService()">
<div id="service_search_div" class="srv_search_mini_display d-none"></div>