Calling different POST variables using Ajax

Question

I'm still new to jQuery and stuck trying to figure this one out, hope someone can help. I have this jQuery code that needs to pass different values depending on the clicked element. Each element created has a unique number in it's ID (which is needed). If I manually change the jQuery code to a specific ID and call, for example:

http://mysite/examplepost?effect=113

This will work. But I need to have $('#div- ...different numbers here...') to be able to handle multiple elements on the same page. I already have the PHP side producing different values using:

if($_GET['effect'] == $id){

I just need this to work with ajax so that it doesn't reload the page.

Example:

$('#div-113').on('click', function() {

    var dataString = 'effect=113';  

        jQuery.ajax(
            {
            type:'GET',
            url:'?',
            data: dataString,
            success: function(data){
                alert('Works');         
            }
          }
        );

      });

Any help would be appreciated.

Steve · Accepted Answer · 2013-04-04 21:56:08Z

2

I would give all your divs a common classname (i.e. myClickableDiv) and also a specific data-id.

This way you can target all your divs by that common classname, rather than having to figure it out depending on how the id is formed. The data-id allows you to only provide very specific information to the click handler (like an integer), without having to parse the id.

HTML:

<div class=".myClickableDiv" id="div-XXX" data-id="XXX">My Div</div>

JS:

$('.myClickableDiv').on('click', function() {

    var dataString = $(this).attr('data-id');  

    jQuery.ajax({...});

});

answered Apr 4, 2013 at 21:56

Steve

8,6487 gold badges42 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Calling different POST variables using Ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related