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    lt a href     OnClick  DoAction 1  Jose      gt  Click  lt  a gt   lt a href     OnClick  DoAction 2  Juan      gt  Click  lt  a gt   lt a href     OnClick  DoAction 3  Pedro      gt  Click  lt  a gt       lt a href     OnClick  DoAction n  xxx      gt  Click  lt  a gt    I want that function to call an Ajax jQuery function with the correct parameters   Any help

User · Answer

try something like this    vote links a will catch all ids inside vote links div id       lt script type  text javascript  gt     jQuery document  ready function       jQuery    vote links a    click function       alert   vote clicked         var det   jQuery this  get 0  id split  -      alert jQuery this  get 0  id       var votes id   det 0            about-button   css       opacity  0 3               contact-button   css       opacity  0 3                page-wrap div button   click function

User · Answer

lt script type  text javascript  src  jquery js  gt   lt  script gt     lt script type  text javascript  gt     function omtCallFromAjax urlVariable         alert  omt   urlVariable            omtDiv   load  omtt php   urlVariable        lt  script gt    try this it work for me

User · Answer

lt script type  text javascript  src  jquery js  gt   lt  script gt     lt script type  text javascript  gt     function omtCallFromAjax urlVariable         alert  omt   urlVariable            omtDiv   load  omtt php   urlVariable        lt  script gt    try this it work for me

User · Answer

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

User · Answer

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

User · Answer

Do you want to pass parameters to another page or to the function only   If only the function  you don t need to add the   ajax   tvanfosson added  Just add your function content instead  Like   function DoAction  id  name                       do anything you want here     alert   id    id   - name    name                 This will return an alert box with the id and name values

User · Answer

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

User · Answer

Using POST  function DoAction  id  name           ajax            type   POST            url   someurl php            data   id     id     amp name     name           success  function msg                        alert   Data Saved      msg                                    Using GET  function DoAction  id  name            ajax             type   GET             url   someurl php             data   id     id     amp 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    lt a href   someurl php id 1 amp name Jose  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 2 amp name Juan  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 3 amp name Pedro  class  ajax-link  gt  Click  lt  a gt       lt a href   someurl php id n amp name xxx  class  ajax-link  gt  Click  lt  a gt    lt script type  text javascript  gt    function            ajax-link   click  function                get    this  attr  href    function msg                  alert   Data Saved      msg                          return false     don t follow the link              lt  script gt

User · Answer

Using POST  function DoAction  id  name           ajax            type   POST            url   someurl php            data   id     id     amp name     name           success  function msg                        alert   Data Saved      msg                                    Using GET  function DoAction  id  name            ajax             type   GET             url   someurl php             data   id     id     amp 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    lt a href   someurl php id 1 amp name Jose  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 2 amp name Juan  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 3 amp name Pedro  class  ajax-link  gt  Click  lt  a gt       lt a href   someurl php id n amp name xxx  class  ajax-link  gt  Click  lt  a gt    lt script type  text javascript  gt    function            ajax-link   click  function                get    this  attr  href    function msg                  alert   Data Saved      msg                          return false     don t follow the link              lt  script gt

User · Answer

try something like this    vote links a will catch all ids inside vote links div id       lt script type  text javascript  gt     jQuery document  ready function       jQuery    vote links a    click function       alert   vote clicked         var det   jQuery this  get 0  id split  -      alert jQuery this  get 0  id       var votes id   det 0            about-button   css       opacity  0 3               contact-button   css       opacity  0 3                page-wrap div button   click function

User · Answer

Do you want to pass parameters to another page or to the function only   If only the function  you don t need to add the   ajax   tvanfosson added  Just add your function content instead  Like   function DoAction  id  name                       do anything you want here     alert   id    id   - name    name                 This will return an alert box with the id and name values

User · Answer

Do you want to pass parameters to another page or to the function only   If only the function  you don t need to add the   ajax   tvanfosson added  Just add your function content instead  Like   function DoAction  id  name                       do anything you want here     alert   id    id   - name    name                 This will return an alert box with the id and name values

User · Answer

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

User · Answer

Using POST  function DoAction  id  name           ajax            type   POST            url   someurl php            data   id     id     amp name     name           success  function msg                        alert   Data Saved      msg                                    Using GET  function DoAction  id  name            ajax             type   GET             url   someurl php             data   id     id     amp 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    lt a href   someurl php id 1 amp name Jose  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 2 amp name Juan  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 3 amp name Pedro  class  ajax-link  gt  Click  lt  a gt       lt a href   someurl php id n amp name xxx  class  ajax-link  gt  Click  lt  a gt    lt script type  text javascript  gt    function            ajax-link   click  function                get    this  attr  href    function msg                  alert   Data Saved      msg                          return false     don t follow the link              lt  script gt

User · Answer

Using POST  function DoAction  id  name           ajax            type   POST            url   someurl php            data   id     id     amp name     name           success  function msg                        alert   Data Saved      msg                                    Using GET  function DoAction  id  name            ajax             type   GET             url   someurl php             data   id     id     amp 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    lt a href   someurl php id 1 amp name Jose  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 2 amp name Juan  class  ajax-link  gt  Click  lt  a gt   lt a href   someurl php id 3 amp name Pedro  class  ajax-link  gt  Click  lt  a gt       lt a href   someurl php id n amp name xxx  class  ajax-link  gt  Click  lt  a gt    lt script type  text javascript  gt    function            ajax-link   click  function                get    this  attr  href    function msg                  alert   Data Saved      msg                          return false     don t follow the link              lt  script gt

User · Answer

Do you want to pass parameters to another page or to the function only   If only the function  you don t need to add the   ajax   tvanfosson added  Just add your function content instead  Like   function DoAction  id  name                       do anything you want here     alert   id    id   - name    name                 This will return an alert box with the id and name values

[javascript] Passing parameters to a JQuery function

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to function

Examples related to parameters