Search code examples
javascriptphpjqueryajaxjquery-callback

How to use callback function in ajax when clicking on a link


I am using jquery ajax when clicking on a link but i want to pass a usedefined function name from that link so that when i get results from ajax it should callback to the function i have passed . i am using this

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
var call_me = function(data){
alert(data);
};
var  getmsg = function (val,callback) {
// alert(val+call_me);
$.ajax({
url : "send.php",
type : "post",
data : {value:val},
success : callback
})
}
</script>
<a href="#" onclick="getmsg($(this).html(),'call_me');">wewewe</a>

Solution

  • "call_me" is passed as a string at js at Question, try passing function name to getmsg

    function call_me(data){alert(data)} 
    
    onclick="getmsg($(this).html(), call_me);"
    

    alternatively,

    $("a[href=#]").click(function() {
      getmsg(this.innerHTML, call_me)
    })