When I called my ajax function, I encountered the following error: Uncaught TypeError: ajaxGetData.send is not a function Here is my code:
<button onclick="myFunc()" class="btn btn-default">Click</button>
<div id="getRes"></div>
<script>
function myFunc(){
var ajaxGetData = new Request({
url: 'ajax.php',
method: 'post',
data: {
'item1':'item 1',
'item2':'item 2'
},
onRequest: function(){
document.id('getRes').innerHTML = '<div>is Loading...</div>';
},
onSuccess: function(responseText){
if(responseText){
document.id('getRes').innerHTML = responseText;
}else{
document.id('getRes').innerHTML = '';
}
},
onFailure: function(){}
});
ajaxGetData.send();
}
</script>
I am facing an issue with my code. Can anyone help me identify the problem? Thank you.