javascript - 如何从我的 laravel Controller 获取值并将其设置在 public 文件夹中的 javascript 文件中？

Question

我正在使用 Laravel。我在 Controller 中有一个如下所示的功能。我想获取 $update_tugas_id 值并将其设置到公共(public)文件夹中的 javascript 中。你知道怎么做吗？

public function getTugasDetailUpdate(Request $request)
{   
    $update_tugas_id = $request->get("V_ID_PK");
    $getDataListPengikut = DB::select("EXEC dbo.GET_KEMENPAR_LIST_PENGIKUT '".$update_tugas_id."'");
    $getPengikut2 = DB::select("EXEC dbo.LOV_M_PENGIKUT");
    $msg["opt"] ="";
    $no=1;
    foreach($getDataListPengikut as $dtListPengikut):
        $msg["opt"] .= '<tr>
            <td><select class="form-control" id="name_'.$dtListPengikut->KODE.'" name="nameupdate[]" data-live-search="true" style="width:100%">
                <option value=""> --Silahkan Pilih-- </option>'; 
                    foreach ($getPengikut2 as $getPeng){
                      $msg["opt"] .=   '<option value="'.$getPeng->KODE.'"@if( '.$dtListPengikut->DESKRIPSI.'=='.$getPeng->KODE.') selected @endif>'. $getPeng->DESKRIPSI .'</option>'; 
                    } 
                $msg["opt"] .='</select>
            </td> 
            if ($no == 1){   
            $msg["opt"] .=   '<td><button type="button" name="add" id="addupdate'.$no.'" onclick="addMe(this);return false" class="btn btn-success"><b>+</b></button>
                </td>';
            }
            else{
                $msg["opt"] .=   '<td><button type="button" name="remove" id="removeupdate'.$no.'" onclick="removeMe(this);return false" class="btn btn-danger"><b>x</b></button>
                </td>';
            }
            $msg["opt"] .=  '</tr>';
            $no++;
            endforeach;
       echo json_encode($msg);
}

下面是我的 javascript。我想将值设置到 var optionS = $('#name_3').html(); 行 3 中，因为我想用从 Controller 获取的值进行更改。

var i=1;
function addMe(e){
var optionS = $('#name_3').html();
i++;
$('#dynamic_field_update').append('<tr id="row'+i+'" class="dynamic-added"><td><select class="form-control" id="name_3" name="nameupdate[]" data-live-search="true" style="width:100%">'+optionS+' </select></td><td><input type="text" name="ketupdate[]" placeholder="Keterangan" style="text-transform:uppercase" class="form-control ket_list" required /></td><td><button type="button" name="remove" id="newremoveupdate'+i+'" onclick="removeMe(this);return false" class="btn btn-danger btn_remove"><b>x</b></button></td></tr>'); 
    }

Answer 1

在 Controller 内部形成 HTML 然后将其在请求中发送回前端通常是一个不好的方法，但要将其存储在 javascript 变量中，您可以这样做:

var optionS = '{!! $html !!}'; //{!! and !!} displays unescaped data

如果您希望将非 HTML 响应存储到您的变量中，您可以这样写:

var optionS = '{{ $variable }}'; //{{ and }} displays escaped data

但是，在变量不长的情况下显示转义数据的最佳方法是在 HTML 中创建一个标记，并添加一个像 data 这样的属性-username 例如，将用户名放在那里，然后您可以使用 javascript 获取它。

<div data-username="{{ $username }}"></div>

将任何重要变量或 HTML 从 Controller 传输到 View 并像上面那样使用它们通常是一个坏主意，您应该尽可能避免它。