javascript - 我们如何在 Laravel Jquery 中使用 select 中的 onchange 元素？

Question

<script>
    $('#brand_id').on('change',function(e){
        console.log(e);
        var brand_id =  e.target.value;

        //ajax
        $.get('/product_id?brand_id =' + brand_id, function(data));
        //success data
        $.each(data, function(upload_form, product_cat){
            $('product_category').empty();
            $('product_category').append('<option value="'+ product_cat.id +'">'+ product_cat.product_hierarchy +'</option>');
        });

    });

上面是我的 Jquery 代码，检查一下并指出问题所在。

<form enctype="multipart/form-data" action="{{action('BrandController@upload_csv')}}" method="post">
    Brand Code
    <select name="brand_id" id="brand_id" Select="" class="form-control">
      <option value="">--Select Brand Code--</option>
      <?php foreach ($brands as $row) { ?>
      <option value="<?= $row->brand_id ?>"><?= $row->brand_name ?></option>

      <?php } ?>

    </select>
    Product Id
    <select name="product_category" id="product_category"   Select="" class="form-control">

    </select>

    Status
    <select name="status" Select="" class="form-control">
      <option value="">--Select Product Status--</option>

      <option value="1">Yes</option>
      <option value="0">No</option>

    </select>

    <input type="hidden" name="_token" value="<?= csrf_token(); ?>">
    Upload Valid csv file
    <input type="file" name="csv" required class="form-control">
    <br/>
    <input type="submit" value="Upload" class="btn btn-primary">
</form>

这是我的表格。在表单中有一个选择，我想在下一个选择中显示其中的 onchange 元素的子类别。下面是我的路线文件代码。

路线::get('/product_id', function(){ $brand_id = 输入::get('brand_id');

$product_id = product_hierarchy::where('bcategory_code','=',1)->get();

return Response::json($product_id);

});

Answer 1

在 Laravel 5.2 中，我们必须传递 csrf token 来执行请求。

试试这样...

<script>
        $('#brand_id').on('change',function(e){
            console.log(e);
            var brand_id =  e.target.value;

            //ajax
            $.get('/product_id?brand_id =' + brand_id,{"_token":$("input[name='_token']").val()}, function(data));
            //success data
            $.each(data, function(upload_form, product_cat){
                $('product_category').empty();
                $('product_category').append('<option value="'+ product_cat.id +'">'+ product_cat.product_hierarchy +'</option>');
            });

        });
</script>

我只是将这行代码添加到您的获取请求中:

{ "_token" : $("input[name='_token']").val() }

祝你好运..快乐编码!!!

已编辑

有关此内容的详细信息，您可以在以下链接的教程中找到:

Laravel CRUD Using jQuery AJAX PART – 1

Laravel CRUD Using jQuery AJAX PART – 2