आपका जावास्क्रिप्ट कोड सही नहीं है, आपके द्वारा जोड़े गए ईवेंट फ़ंक्शन makeAjaxRequest
और इसलिए इसे कभी नहीं कहा जाता है। यह इस तरह होना चाहिए
<script type="text/javascript">
$(document).ready(function(){
function makeAjaxRequest() {
$.ajax({
url: 'search_execute.php',
type: 'get',
datatype: 'html',
data: {search: $('#searchbox').val()},
success: function(response) {
alert("Success!");
},
error : function() {
alert("Something went wrong!");
}
});
}
$('#searchbutton').click(function(){
makeAjaxRequest();
});
$('form').submit(function(e){
e.preventDefault();
makeAjaxRequest();
});
});