how to retrieve data using jQuery ajax

Question

$(document).on('click','#edit',function(){
    var id = $(this).attr('value');
    
    $.ajax({
        type:'post',
        url:"http://localhost/CI-Ajaxold/register/show/"+id,
    }).done(function(data){
        console.log(data);
    });
});

RESPONSE IN CONSOLE => [{"id":"23","name":"fhfhfh",}]

Does this answer your question? [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — kevin, Oct 27 '20 at 13:31

score 0 · Accepted Answer · answered Oct 27 '20 at 12:02

You need to parse the JSON response as below:

$(document).on('click','#edit',function(){
            var id = $(this).attr('value');
            
            $.ajax({
                type:'post',
                url:"http://localhost/CI-Ajaxold/register/show/"+id,
                
            }).done(function(data){
             let response = $.parseJSON(data);
             // here you can use response variable as needed. 



            });
        });

Then you can use it by iterating loop or anything else as per your need.

Thanks and hopefully it helps you!

score 0 · Answer 2 · answered Oct 28 '20 at 05:12

0

try this code:

$.ajax({
    type:'post',
    url:"http://localhost/CI-Ajaxold/register/show/"+id, 
    success: function(result){
      //use result here
    }});

answered Oct 28 '20 at 05:12

Arun B S

76
9

how to retrieve data using jQuery ajax

2 Answers2