Access model in javascript LARAVEL?

Question

I have a controller rendering model to the view in LARAVEL. Is there a way to access the view models in javascript?

class MyController extends Controller
{
  private arr = ['A','B',C'];
  public function index() {     
       return view('/view_name')->with('data',$this->arr);
  }
 }

view_name.blade.php :

 <html>
     <body>
          <ul>
          @foreach ($data as $datas)
              <li> {{ $datas }} </li>
          @endforeach
          </ul>
       <script src="...."></script> // External script link
      </body>
  </html>

External.js :

 $(function() {
    // trying to access the model $data from the view.
    var values = $datas; 
    alert(values); 
 }

thefallen · Accepted Answer · 2017-03-17 15:16:04Z

1

Assign your data into the window global object which will make it available everywhere and you can access it from your JS file:

<ul>
    @foreach ($data as $datas)
        <li> {{ $datas }} </li>
    @endforeach
</ul>
<script type="text/javascript">
    window.data = {!! json_encode($data) !!};
</script>
<script src="...."></script> // External script link


$(function() {
    // trying to access the model $data from the view.
    var values = window.data;
    alert(values);
}

answered Mar 17, 2017 at 15:16

thefallen

9,8102 gold badges39 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Access model in javascript LARAVEL?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related