LAravel 5.4: Response from controller to blade by Ajax (laravel, json_encode() expects parameter 2 to be integer, object given)

Question

I want to response the data from controller to AJAX as array, but it keep showing this error:

json_encode() expects parameter 2 to be integer, object given

the following is my code:

 function get_show(Request $request)
    {
        $id = $request->input('id');
        $leads = Lead::find($id);

        $leads_attendances = DB::table('event_attendances')
            ->leftJoin('leads', 'leads.id', '=', 'event_attendances.lead_id')
            ->leftJoin('groups', 'groups.id', '=', 'event_attendances.group_id')
            ->select('groups.name as event_name', 'leads.name as name', 'leads.company_name', 'event_attendances.attend as attend_status')
            ->where('event_attendances.lead_id', '=', $id)
            ->get()->toArray();

        $output = array(
            'id' => $id,
            'country' => $leads->country,
            'company_name' => $leads->company_name,
            'lead_stage' => $leads->lead_stage
        );

        echo json_encode($output,$leads_attendances);
    }

This is my AJAX code:

$.ajax({
                    url: "{{route('main.get_show')}}",
                    method: 'get',
                    data: {id: id},
                    dataType: 'json',
                    success: function (response) {

                        console.log(response);
                        $('#model2').modal('show');

                        document.getElementById('leads').innerHTML += response.output.company_name;
                        document.getElementById('leads').innerHTML += response.leads_attendances;

New error:

leads:7515 Uncaught ReferenceError: leads_attendances is not defined at Object.success (leads:7515) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2) at z (jquery.min.js:4) at XMLHttpRequest. (jquery.min.js:4)

Output response of incpect:

{"output":{"id":"25","country":"","company_name":"comp1","lead_stage":"under"},"leads_attendances":[{"event_name":"event1","name":"LEMUN","company_name":"comp1","attend_status":"Yes"},{"event_name":"event2","name":"ZDMJ","company_name":"comp1","attend_status":"Yes"},{"event_name":"event3","name":"MNAl","company_name":"comp1","attend_status":"Yes"},{"event_name":"event","name":"Khalai","company_name":"comp1","attend_status":"Yes"},{"event_name":"event4 ","name":"Zamel","company_name":"comp1","attend_status":"Yes"}]}

Build table in JS:

success: function (response) {


                        console.log(response);
                        $('#myModaleee').modal('show');


                        var leads_attendances=response.leads_attendances;
                        document.getElementById('lead_details').innerHTML += '<table>';

                        for(var i=0;i<leads_attendances.length;i++){
                            var event_name=leads_attendances[i].event_name;
                            var name=leads_attendances[i].name;
                            var company_name= leads_attendances[i].company_name;
                            var attend_status= leads_attendances[i].attend_status;
                            document.getElementById('lead_details').innerHTML += '<tr>'+
                                '<td>'+event_name+'</td>'+
                                '<td>'+name+'</td>'+
                                '<td>'+company_name+'</td>'+
                                '<td>'+attend_status+'</td>'
                                +'</tr>';
                        }
                        document.getElementById('lead_details').innerHTML += '</table>';


                    }

The first array ($output) passed and working well with Ajax, but the second collection showing that error. I still need to pass more than these collection, any help how to pass it and make it work with Ajax?

Thank you

Answer 1

You can't use like that echo json_encode($output,$leads_attendances);

Try this

$data = ['output' => $output, 'leads_attendances' => $leads_attendances];

return response()->json(['results'=> $data]);
or
return response()->json($data);

Answer 2

in your controller return Json Response like below :

return response()->json($response,200);

function get_show(Request $request)
{
        $id = $request->input('id');
        $leads = Lead::find($id);

        $leads_attendances = DB::table('event_attendances')
            ->leftJoin('leads', 'leads.id', '=', 'event_attendances.lead_id')
            ->leftJoin('groups', 'groups.id', '=', 'event_attendances.group_id')
            ->select('groups.name as event_name', 'leads.name as name', 'leads.company_name', 'event_attendances.attend as attend_status')
            ->where('event_attendances.lead_id', '=', $id)
            ->get()->toArray();

        $output = array(
            'id' => $id,
            'country' => $leads->country,
            'company_name' => $leads->company_name,
            'lead_stage' => $leads->lead_stage
        );

        $response=array('output'=>$output,'leads_attendances'=>$leads_attendances);
        return response()->json($response,200);
}

suppose you have table div :

<table>
  <thead>
     <tr>
        <th> event_name </th>
        <th> name </th>
        <th> company_name </th>
        <th> attend_status </th>
     </tr>
  </thead>
  <tbody id="tbody"></tbody>
</table>

your ajax function should be :

$.ajax({
   url:'/url here',
   method:'GET',
   dataType:'json',
   success:function(response){
     console.log(response);
     var id = response.output.id;
     var country= response.output.country;
     var company_name=response.output.company_name;
     var lead_stage =response.output.lead_stage;
     var leads_attendances=response.leads_attendances;
     var trHTML="";
     for(var i=0;i<leads_attendances.length;i++){
        var event_name=leads_attendances[i].event_name;
        var name=leads_attendances[i].name;
        var company_name= leads_attendances[i].company_name;
        var attend_status= leads_attendances[i].attend_status;
        let trRow="<tr>"+
                  "<td>"+event_name+"</td>"+
                  "<td>"+name+"</td>"+
                  "<td>"+company_name+"</td>"+
                  "<td>"+attend_status+"</td>"
                  +"</tr>";
       trHTML=trHTML+trRow;
     }
     $('#tbody').empty();
     $('#tbody').append(trHTML);

   },
   error:function(err){
      console.log(err);
   }
});