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

时间:2018-07-24 06:13:52

标签: javascript jquery laravel

我正在尝试使用rateYo传递星级评分,日志显示给我一个:

  

4main.js:11未定义

其设置方式,它使用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');

1 个答案:

答案 0 :(得分:1)

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

尝试使用

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