Passing parameters to a JQuery function

Question

I'm creating HTML with a loop that has a column for Action. That column is a Hyperlink that when the user clicks calls a JavaScript function and passes the parameters...

example:

<a href="#" OnClick="DoAction(1,'Jose');" > Click </a> <a href="#" OnClick="DoAction(2,'Juan');" > Click </a> <a href="#" OnClick="DoAction(3,'Pedro');" > Click </a> ... <a href="#" OnClick="DoAction(n,'xxx');" > Click </a> 

I want that function to call an Ajax jQuery function with the correct parameters.

Any help?

Answer 1

Using POST

function DoAction( id, name ) {     $.ajax({          type: "POST",          url: "someurl.php",          data: "id=" + id + "&name=" + name,          success: function(msg){                      alert( "Data Saved: " + msg );                   }     }); } 

Using GET

function DoAction( id, name ) {      $.ajax({           type: "GET",           url: "someurl.php",           data: "id=" + id + "&name=" + name,           success: function(msg){                      alert( "Data Saved: " + msg );                    }      }); } 

EDIT:

A, perhaps, better way to do this that would work (using GET) if javascript were not enabled would be to generate the URL for the href, then use a click handler to call that URL via ajax instead.

<a href="/someurl.php?id=1&name=Jose" class="ajax-link"> Click </a> <a href="/someurl.php?id=2&name=Juan" class="ajax-link"> Click </a> <a href="/someurl.php?id=3&name=Pedro" class="ajax-link"> Click </a> ... <a href="/someurl.php?id=n&name=xxx" class="ajax-link"> Click </a>  <script type="text/javascript"> $(function() {    $('.ajax-link').click( function() {          $.get( $(this).attr('href'), function(msg) {               alert( "Data Saved: " + msg );          });          return false; // don't follow the link!    }); }); </script> 

Answer 2

If you want to do an ajax call or a simple javascript function, don't forget to close your function with the return false

like this:

function DoAction(id, name)  {      // your code     return false; }