Call jquery $.ajax inside Javascript function...

Question

I want to call an ajax function to do some stuff...

function RemoveTest(subfolder)
{
    var datastring="name="+subfolder;
    alert(datastring);
    $.ajax({
    type: "POST",
    url: "mystuff.php",
    data: datastring,
        success: function(msg){
           alert( "Data Saved: " + msg );
               // some suff there
        }
    }); 
}


<a href="javascript:void(0)" onclick="RemoveTest('test')">Click Me</a>

I am unable to use this please tell me how to do this.... and which jQuery file i have to include..

Answer 1

Just make

<a href="javascript:void(0)" onclick="RemoveTest('test')">Click Me</a>

to

<a id="link">Click Me</a>

and JS

$(document).ready(function(){
$("#link").click(fucntion(){
 var datastring="name="+subfolder;
    alert(datastring);
    $.ajax({
    type: "POST",
    url: "mystuff.php",
    data: datastring,
        success: function(msg){
           alert( "Data Saved: " + msg );
               // some suff there
        }
    })
});

});

Answer 2

If you are using any library other thanjQuery which uses $ then make sure that there is no conflict. See jQuery.noConflict(). Also make sure that you refer your jQuery file at the top before calling any jQuery functions.

Also if you want to create event handlers for dynamically crated anchor tags, then better give them a class name and a data attribute, something like

<a href='#' class='democlass' data-id='yourvalue'>Click me</a>

$("a.democlass").live("click", function(){
    var id = $(this).attr('data-id');
});