I'm attempting to send the id value of the selected item to the search.php file using POST. While it functions properly with GET, it does not work when using POST.
Below is the code snippet I currently have:
$( function() {
$( ".search" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "/_inc/autocomplete.php",
dataType: "json",
data: {
q: request.term
},
success: function( data ) {
response( data );
console.log(data);
}
});
},
minLength: 2,
select: function( event, ui ) {
//alert('selected: ' + ui.item.name);
var id = ui.item.id;
$.post("/search.php", {"id": id});
$(location).attr('href', '/search.php');
}
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
if(item.label == 'No Match Found'){
return $( "<li>" )
.data( "item.autocomplete", item )
.append( item.value )
.appendTo( ul )
.css("cursor", "default");
} else {
return $( "<li>" )
.data( "item.autocomplete", item )
.append( ("<a>" + item.id + " - " + item.name + "</a>") )
.appendTo( ul );
}
};
});
The data for the autocomplete feature is queried from the database and then transformed into JSON format using PHP.