将Json编码的数据转换为javascript数组并按索引访问值

Question

I am getting json response from ajax like this

  echo  json_encode($data);

Ajax code:

  $.ajax({
        url:"PaymentSlip/check", 
        data:{val:val},
        type: 'POST',
        success:function(ajaxresult)
        {
            $("#jgoli").html(ajaxresult);
        }
    });

Result I am getting is:

     [{"paymentId":"2","paymentLabNo":"MR-622-040618",paymentTestId":"1"}]

Now I want to access my json array in javascript by index like

      ajaxresult[0] = 2; i.e paymentId=2
      ajaxresult[1] = 2; i.e paymentLabNo=MR-622-040618

How would I achieve that?

Note: I have tried many examples on stackoverflow, I know this question must have answered earlier. But I am still stuck. Any help would be appreciated.

Answer 1

What you are getting is a string of encoded JSON, to use it as an object you must parse it.

Check this answer

Answer 2

 $(document).ready(function(){ var data = [{"paymentId":"2","paymentLabNo":"MR-622-040618","paymentTestId":"1"}]; //Loop on the object as key=>value $.each(data, function(key, value){ //And diplay it in the result div $('#result').append('<p>'+data[key]['paymentId']+'</p>'); $('#result').append('<p>'+data[key]['paymentLabNo']+'</p>'); $('#result').append('<p>'+data[key]['paymentTestId']+'</p>'); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <div id="result"></div> 

Answer 3

$(document).ready(function(){

    $.get("ajax_call.php", function(data){
        //console.log(data);
        var result = JSON.parse(data);
        $.each(result, function(key, value){

            $('#data').append('<tr><td>'+result[key]['username']+'</td><td>'+result[key]['email']+'</td><td>'+result[key]['mobile']+'</td></tr>');
            console.log(result[key])

        });

    });

});    

Answer 4

  $.ajax({
        url:"PaymentSlip/check", 
        data:{val:val},
        type: 'POST',
        datatype: "json", // add this
        success:function(ajaxresult)
        {
            // access return results as
            //ajaxresult[0].paymentId;
            //ajaxresult[0].paymentLabNo;
            //ajaxresult[0].paymentTestId;
            //$("#jgoli").html(ajaxresult);
        }
    });