javascript - 使用 Laravel 时如何将参数传递给 jQuery 函数

Question

我正在尝试使用 rateYo 传递星级评分的值日志给了我一个:

4main.js:11 undefined

它的设置方式是使用 div 来获取值。我正在尝试设置星号的值，并最终将该值传递给路由参数。后端PHP就可以工作了，只需要传递参数即可。

Show.blade.php

<h5>Click to rate:</h5>

<form action="{{ route('rate', $book->id) }}" method="POST">
   {!! csrf_field() !!}
    <!-- <input id="rateYo" name="val" value="0" type="text"> -->
      <div id="rateYo" name="val"></div>
    <button type="submit" class="btn btn-primary">submit</button>
</form>

Main.js

$(document).ready(function() {
  'use strict'
  $('#rateYo').rateYo({
    starWidth: "40px"
  });

  $('#rateYo').click(function() {
    var owl = $('#rateYo').val();
    console.log(owl);

    $.ajax({
      type: 'POST',
      url: 'rate/' + owl,
      success: function(data) {
        // $("#msg").html(data.msg);
      }
    });
  });
});

路线

Route::post('rate/{book_id}','BookController@rate')->name('rate');

Answer 1

请参阅 http://rateyo.fundoocode.ninja/ 的插件文档。您无法使用 val() 函数获取评级值。

尝试使用

var rating = $rateYo.rateYo("rating");
console.log(rating)