Laravel url 调用使用 javascript

Question

这是我的 Laravel 路线

Route::get('upload-question/{sugg_id}/upload/{question_id}', ['uses' => 'QustionUploadController@store', 'role'=>['admin'], 'as' => 'upload.question.store']);

我在这个页面（add.blade.php）中使用下面的脚本来调用这个路由

<script>
    $(document).on('click','.add-question',function(){
        var id =  $(this).attr('data-id');
        let url = "{{ url('admin/upload-question/'.$id.'/upload') }}/"+id;
        $.get(url, function (data) {
            $(this).attr("disabled", true);
            alertify.success(data.message);
        }.bind(this));
    })

</script>

在这里，我发送两个变量。一个是$id，在这个页面（add.blade.php）中可用，我使用compact方法发送的，另一个是'id'，从data-id属性获取，从下面的这个按钮，

<button type="button" id="btn{{$question->id}}" data-id="{{$question->id}}" class="add-question btn green-haze btn-outline btn-circle btn-sm"> Add </button>

如果我想再发送一个变量，连同这个id 变量。 说，<input type="number" value="{{$medicine->quantity}}">，我想发送$medicine->quantity 的值

那么我怎样才能获得它并将这个值与这个 JavaScript 的 'url' 变量绑定。

我对JavaScirpt知之甚少，所以需要详细的帮助。

Answer 1

在 html 中，您可以像使用 id 一样添加数据属性。因此，对于数量，我只需将其添加到同一个按钮元素上名为“数据数量”的属性中。像这样：

<a href="" data-id="{{$question->id}}" data-quantity="{{$medicine->quantity}}" class="add-question btn green-haze btn-outline btn-circle btn-sm"></a>

您可以像这样使用 jQuery 在 javascript 中检索这些值：

let elementData = $(<Button Element>).data();
elementData.id // should equal $question->id
elementData.quantity // should equal $medicine->quantity