CODEWITHSUNDEEP
javascriptphplaravel-4eloquentlaravel-blade
Crack_David
Crack_David

Reputation: 2843

Call model function from JavaScript in Laravel

I'm actually running into little problems with my current project. Following case:

I've got a model called "Posting" with relations:

public function subscribers(){
    return $this->belongsToMany('User');    
}

In my view-file there is a table containing all Postings and also a checkbox for subscribing/unsubscribing with the matching value to the posting-id:

<input class="click" type="checkbox" name="mobileos" value="{{{$posting->id}}}"
     @if($posting->subscribers->find(Auth::User()->id)) 
         checked="checked"
     @endif
>

Now the thing I want to archive:

A JavaScript is going to watch if the checkbox is checked or not. According to that, the current user subscribes/unsubscribes to the posting. Something like:

        $('.click').on('click',function() {

            // $posting->find(---$(this).prop('checked')---)->subscribers()->attach(---Auth::user()->id---);
            // $posting->find(---$(this).prop('checked')---)->subscribers()->detach(---Auth::user()->id---);
        });

Is there any possibility to archieve that or any other ways? I couldn't get my head around this so far.

Cheers, Chris

Upvotes: 1

Views: 3509

Answers (1)

Rias
Rias

Reputation: 1996

If you want to use Ajax to achieve this, you will need a REST endpoint in Laravel for the subscriptions, e.g.:

http://localhost/subscribe/{{userid}}

When this Endpoint is called, the database can be updated. The function could also return a JSON showing, if the saving database in the database successful.

Use this endpoint to make an Ajax Call on click:

var user = {
   id: 0 // retrieve the correct ID from wherever it is stored
}

$('.click').on('click',function() {

  $.GET('http://localhost/subscribe/' + user.id, 
  function () { // this is the success callback, that is called, if the Ajax GET did not return any errors
    alert('You are subsribed')
  });

});

Ideally you won't be using the GET method, but instead use POST and send the user ID as data. Also you would need to retrieve the user ID from session or wherever it is stored.

Take care that as you are using Ajax it can easily be manipulated from the client side. So on the server you should check, if the user ID that was sent is the same as in the Session. Maybe you don't need to send the user id at all, but that depends on how your backend is built.

Upvotes: 1

Related Questions