CODEWITHSUNDEEP
javascriptjqueryjsonajaxrest
Ajlanclos
Ajlanclos

Reputation: 23

How to use pass ajax data that is displaying in html?

I have a question, that I can't seem to find the 'best' solution for my question.. I have an AJAX call that displays data in the DOM, via jQuery.

JSON

[{
    "id":"123"
},
{   "id":"456"
}]

JS

$(document).ready(function() {
    $.ajax({
        url: 'get/data',
        dataType: 'json',
        data: '{}',
        success: function(data) {
            var html = '';
            $.each(data, function(i) {
               html += '<p>My ID: ' + data[i].id + '</p>';
            }
            $('#id').append(html);
        },
        error: function(err) {
            console.log(err);
        }
    })
});

As you can see I am displaying that data here. I would like to pass that ID to another AJAX call by selecting a checkbox and pushing a button or perhaps clicking a link. Whats the best way to accomplish this?

EDIT: I apologize, my actual issue is related to array data. I have updated the code. I am displaying an JSON array in the html now, and I want to pass the id of the user/row that I click?

Thanks, Andy

Upvotes: 0

Views: 44

Answers (2)

Daniel Smith
Daniel Smith

Reputation: 1734

$(document).ready(function() {
var resid;
     $.ajax({
           url: 'get/data',
           dataType: 'json',
           data: '{}',
           success: function(data) {
                resid = data.id;
                var html = '';
                html += '<p>My ID: ' + data.id + '</p>'; $('#id').append(html);
           },
           error: function(err){
               console.log(err); 
           }

      });

     $('link').click(function () {
       // pass id to second ajax
     });

});

Upvotes: 1

Haidangdevhaui
Haidangdevhaui

Reputation: 61

try jquery-template https://github.com/codepb/jquery-template hope help you

Upvotes: 0

Related Questions