从Laravel中的AJAX返回数据

时间:2016-04-16 15:09:01

标签: jquery ajax laravel-5

我的讲师为我和我的朋友给了我一个项目,使用最新的Laravel框架创建了一个应用程序。我不熟悉这个框架。我正在尝试使用AJAX将数据加载到我的视图中。

User Navigation for searching customer

这是显示表格的代码

@foreach($mpelanggan as $mpelanggan)
    {{ Form::open() }}
    {{ Form:: hidden('_method' ,'DELETE')}}
         <tr>
            <p hidden id="kd" value="{{$mpelanggan->Kd_Pelanggan}}"/>
            <td>{{$mpelanggan->Perusahaan}}</td>
            <td align="center">
                <button type="button" class="btntransparant" value="{{$mpelanggan->Perusahaan}}" id="ch">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                </button>
            <a class="fontblack" >
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
            </a> &nbsp
            <button type="submit" class="btntransparant" onclick="return confirm('Are you sure you want to delete this data?');">
                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
            </button>
        </a>
    </td>
</tr>
{!!Form::close()!!}
@endforeach

当用户点击+按钮时,它将在此表中加载他的交易列表:

Customer Transaction

我的路线:

Route::get('trans','TransController@index');
Route::get('getBTB',array('as'=>'getBTB','uses'=>'TransController@getBTB'));

我的控制器TransController:

public function index(){
 $Mpelanggan = Mpelanggan::all();
 return view('tr.nav')->with('mpelanggan' , $Mpelanggan);
}


public function getBTB(Request $request){
  $term = $request->term;
  $data = Trbtb_h::where('Kd_Pelanggan',$term)->get();
  $result=array();
  foreach ($data as $key => $value) {
    $result[]=['No_BTB'=>$value->No_BTB,'Tgl_BTB'=>$value->Tgl_BTB];
  }
 return Response::json(array('success'=>true,'result'=>$result));
}

AJAX

        $('#ch').click(function(){
         var np=$(this).attr('value');
         var get=$('#table1 > tbody');
         $('#btb-title').text(np);
         $("#pnl-btb").show();
         $("#pnl-faktur").show();
         $("#pnl-bayar").show();
         $("#pnl-btb-list").show();
         $.ajax({
            url         :'getBTB',
             type       :'GET',
             dataType   :'JSON',
             success    :'success',
             data       :{'term':kd},
             success    :function(result){
                 var data = JSON.parse(result);
                 var x;
                 for(x=0;x<data.length;x+=1){
                     var dat = data[i];
                     get.append('<tr><td>'+dat.No_BTB+'</td><td>'+dat.Tgl_BTB+'</td><td align="center"><button type="button" class="btntransparant" value="" id="ch"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> </button> <a class="fontblack" > <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> </a> &nbsp<button type="submit" class="btntransparant><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button></a></td></tr>');
                 }
             }
         })
        });

我想将$ result中的数据放入btody标记中,就像客户列表一样。

    <div class="row" id="pnl-faktur">
        <table class="table table-striped table-bordered" id="table2">
            <thead>
                <tr>
                    <th>Plh</th>
                    <th>No. Faktur</th>
                    <th>Tanggal</th>
                    <th>Jatuh Tempo</th>
                    <th>Piutang</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
            <tfoot>
                <td colspan="4" align="right">Total</td>
                <td><input type=text/></t>
            </tfoot>
    </div>

我观看了一些关于AJAX和Laravel的教程但没有我理解的内容,我不知道如何在$ AJAX脚本中将$ result加载到我的视图中。 这是我在stackoverflow中的第一个问题,如果我犯了任何错误,我很抱歉

2 个答案:

答案 0 :(得分:2)

问题是我从success函数访问了错误的数组。所以我的朋友建议我把它分成控制器中的两个不同的变量

<强> AJAX

  $.ajax({
     url        :'getBTB',
     type       :'GET',
     dataType   :'json',
     success    :'success',
     data       :{'term':kd},
     success    :function(result){
         $.each(result.result, function(i,index){
             $('#table4 tbody').append('blablabla');
         });
     }

<强>控制器

public function getBTB(Request $btbid){
  $term = $btbid->term;
  $data = Trbtb_h::where('Kd_Pelanggan',$term)->get();
  $sen['success'] = true;
  $sen['result'] = $data->toArray();
  return Response::json( $sen );
}

答案 1 :(得分:1)

    $arr=[];
    $arr['javob'] = "ok";   
    $arr['scan_necessary'] = $scan_necessary;
    return response()->json($arr, 204);