jquery - 返回数据 ajax 超过 2 个值

Question

从调用 ajax 返回超过 2 个值，

我有这个代码

 $('select[name="parameter"]').on('change', function() {
        var stateID = $(this).val();
       if(stateID != 'other') {
          $.ajax({
            url: "{{URL::to('myform/ajaxSO')}}/"+stateID ,
              type: "GET",
              dataType: "json",
              success:function(data) {          
              $('select[name="so"]').empty();
              $.each(data, function(key, value , value2) {
              $('select[name="so"]').append('<option value="'+ key +'">'+ value +'</option>');
              });
              }
          });

Controller

 public function myformAjaxSO($id)
{
    $cities = DB::table("kpi_parameters")
                ->where("id",$id)
                ->distinct('')
                ->lists("so_name","so_id","unit_name");   
    return json_encode($cities);      
}

路线

Route::get('myform/ajaxSO/{id}',array('as'=>'myform.ajax','uses'=>'QuartersController@myformAjaxSO'));

我想在 value2 上调用 unit_name

Answer 1

Lists 或 Pluck 从查询返回键和值。如果您有多个值，您可能需要解决这个问题，我建议您可以在我们的查询构建器中使用 select 方法。

示例 Controller 方法:

public function myformAjaxSO($id) {
    $cities = DB::table("kpi_parameters")->select("so_name","so_id","unit_name")
        ->where("id",$id)
        ->distinct('')
        ->get();

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

和 Javascript 示例:

$('select[name="parameter"]').on('change', function() {
    var stateID = $(this).val();
    if (stateID != 'other') {
        $.ajax({
            url: "{{URL::to('myform/ajaxSO')}}/" + stateID,
            type: "GET",
            dataType: "json",
            success: function (data) {
                $('select[name="so"]').empty();
                $.each(data, function (key, city) {
                    $('select[name="so"]').append('<option value="' + city.so_id + '">' + city.so_name + '('+city.unit_name+') '+'</option>');
                });
            }
        });
    }
});

希望这会有所帮助。