ajax response create laravel delete button











up vote
0
down vote

favorite












I have this ajax response:



$.ajax({
method: 'POST',
url: '/admin/lessons/addMember/licenseMemberId',
data: {'licenseMemberId' : id},
success: function(response){

if ($.trim(response)) {

$('#no_members').hide();
var div1 = document.createElement('div');
div1.setAttribute('class','table-responsive');
$('#space').append(div1);
var actualMembers = document.createElement('table');
actualMembers.setAttribute('class','table');
div1.append(actualMembers);


var newRow = actualMembers.insertRow(actualMembers.length);
id = newRow.insertCell(0);
id.innerHTML = response['user_saved']['id'];
firstname = newRow.insertCell(2);
firstname.innerHTML = response['user_saved']['firstname'];
lastname = newRow.insertCell(3);
lastname.innerHTML = response['user_saved']['lastname'];

id = newRow.insertCell(7);
var llmId=response['llm']['id'];
id.innerHTML = "<form class=delete action='{{ route('lessons.removeMember', ['licenseMemberId' => '" + llmId + "']) }}' method='POST'><input type='hidden' name='_token' value='<?php echo csrf_token(); ?>'><input type='hidden' name='method' value='DELETE'><button class='btn btn-danger btn-xs btn-delete' > <i class='fa fa-trash-o' title='{{__('lesson.remove_member_from_lesson')}}'></i> </button> </form>";

$('#membersModal').modal('hide');

},
error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
console.log(JSON.stringify(jqXHR));
console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
}
});


In this method I create a new table and I put a new line for each element I choose in a modal.
The problem is the delete form and button (the id var), I create it correctly but when I click this button laravel returns me a MethodNotAllowedHttpException.
I think I have to send the DELETE method in other manner, but I don't know how.



This is the addMember method in laravel controller:



public function addMember(Request $request)
{

$lessonLicenseMember=new LessonLicenseMember();
$lessonId = $request->session()->get('lessonId',1);
$maxMembers=Lesson::find($lessonId)->course->type->max_members;
$actualMembers=$lessonLicenseMember::where('lesson_id','=',$lessonId)->count();


if((!($lessonLicenseMember::where('lesson_id','=',$lessonId)
->where('license_member_id','=',$request->licenseMemberId)
->exists())) && $actualMembers<$maxMembers) {

$lessonLicenseMember->lesson_id = $lessonId;
$lessonLicenseMember->license_member_id = $request->licenseMemberId;
$lessonLicenseMember->save();

$member=LicenseMember::find($request->licenseMemberId)->member;


return response()->json([ 'user_saved' => $member ,'llm'=>$lessonLicenseMember,'actualMembers'=>$actualMembers]);
}
else{
return null;
}

}









share|improve this question


























    up vote
    0
    down vote

    favorite












    I have this ajax response:



    $.ajax({
    method: 'POST',
    url: '/admin/lessons/addMember/licenseMemberId',
    data: {'licenseMemberId' : id},
    success: function(response){

    if ($.trim(response)) {

    $('#no_members').hide();
    var div1 = document.createElement('div');
    div1.setAttribute('class','table-responsive');
    $('#space').append(div1);
    var actualMembers = document.createElement('table');
    actualMembers.setAttribute('class','table');
    div1.append(actualMembers);


    var newRow = actualMembers.insertRow(actualMembers.length);
    id = newRow.insertCell(0);
    id.innerHTML = response['user_saved']['id'];
    firstname = newRow.insertCell(2);
    firstname.innerHTML = response['user_saved']['firstname'];
    lastname = newRow.insertCell(3);
    lastname.innerHTML = response['user_saved']['lastname'];

    id = newRow.insertCell(7);
    var llmId=response['llm']['id'];
    id.innerHTML = "<form class=delete action='{{ route('lessons.removeMember', ['licenseMemberId' => '" + llmId + "']) }}' method='POST'><input type='hidden' name='_token' value='<?php echo csrf_token(); ?>'><input type='hidden' name='method' value='DELETE'><button class='btn btn-danger btn-xs btn-delete' > <i class='fa fa-trash-o' title='{{__('lesson.remove_member_from_lesson')}}'></i> </button> </form>";

    $('#membersModal').modal('hide');

    },
    error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
    console.log(JSON.stringify(jqXHR));
    console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
    }
    });


    In this method I create a new table and I put a new line for each element I choose in a modal.
    The problem is the delete form and button (the id var), I create it correctly but when I click this button laravel returns me a MethodNotAllowedHttpException.
    I think I have to send the DELETE method in other manner, but I don't know how.



    This is the addMember method in laravel controller:



    public function addMember(Request $request)
    {

    $lessonLicenseMember=new LessonLicenseMember();
    $lessonId = $request->session()->get('lessonId',1);
    $maxMembers=Lesson::find($lessonId)->course->type->max_members;
    $actualMembers=$lessonLicenseMember::where('lesson_id','=',$lessonId)->count();


    if((!($lessonLicenseMember::where('lesson_id','=',$lessonId)
    ->where('license_member_id','=',$request->licenseMemberId)
    ->exists())) && $actualMembers<$maxMembers) {

    $lessonLicenseMember->lesson_id = $lessonId;
    $lessonLicenseMember->license_member_id = $request->licenseMemberId;
    $lessonLicenseMember->save();

    $member=LicenseMember::find($request->licenseMemberId)->member;


    return response()->json([ 'user_saved' => $member ,'llm'=>$lessonLicenseMember,'actualMembers'=>$actualMembers]);
    }
    else{
    return null;
    }

    }









    share|improve this question
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I have this ajax response:



      $.ajax({
      method: 'POST',
      url: '/admin/lessons/addMember/licenseMemberId',
      data: {'licenseMemberId' : id},
      success: function(response){

      if ($.trim(response)) {

      $('#no_members').hide();
      var div1 = document.createElement('div');
      div1.setAttribute('class','table-responsive');
      $('#space').append(div1);
      var actualMembers = document.createElement('table');
      actualMembers.setAttribute('class','table');
      div1.append(actualMembers);


      var newRow = actualMembers.insertRow(actualMembers.length);
      id = newRow.insertCell(0);
      id.innerHTML = response['user_saved']['id'];
      firstname = newRow.insertCell(2);
      firstname.innerHTML = response['user_saved']['firstname'];
      lastname = newRow.insertCell(3);
      lastname.innerHTML = response['user_saved']['lastname'];

      id = newRow.insertCell(7);
      var llmId=response['llm']['id'];
      id.innerHTML = "<form class=delete action='{{ route('lessons.removeMember', ['licenseMemberId' => '" + llmId + "']) }}' method='POST'><input type='hidden' name='_token' value='<?php echo csrf_token(); ?>'><input type='hidden' name='method' value='DELETE'><button class='btn btn-danger btn-xs btn-delete' > <i class='fa fa-trash-o' title='{{__('lesson.remove_member_from_lesson')}}'></i> </button> </form>";

      $('#membersModal').modal('hide');

      },
      error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
      console.log(JSON.stringify(jqXHR));
      console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
      }
      });


      In this method I create a new table and I put a new line for each element I choose in a modal.
      The problem is the delete form and button (the id var), I create it correctly but when I click this button laravel returns me a MethodNotAllowedHttpException.
      I think I have to send the DELETE method in other manner, but I don't know how.



      This is the addMember method in laravel controller:



      public function addMember(Request $request)
      {

      $lessonLicenseMember=new LessonLicenseMember();
      $lessonId = $request->session()->get('lessonId',1);
      $maxMembers=Lesson::find($lessonId)->course->type->max_members;
      $actualMembers=$lessonLicenseMember::where('lesson_id','=',$lessonId)->count();


      if((!($lessonLicenseMember::where('lesson_id','=',$lessonId)
      ->where('license_member_id','=',$request->licenseMemberId)
      ->exists())) && $actualMembers<$maxMembers) {

      $lessonLicenseMember->lesson_id = $lessonId;
      $lessonLicenseMember->license_member_id = $request->licenseMemberId;
      $lessonLicenseMember->save();

      $member=LicenseMember::find($request->licenseMemberId)->member;


      return response()->json([ 'user_saved' => $member ,'llm'=>$lessonLicenseMember,'actualMembers'=>$actualMembers]);
      }
      else{
      return null;
      }

      }









      share|improve this question













      I have this ajax response:



      $.ajax({
      method: 'POST',
      url: '/admin/lessons/addMember/licenseMemberId',
      data: {'licenseMemberId' : id},
      success: function(response){

      if ($.trim(response)) {

      $('#no_members').hide();
      var div1 = document.createElement('div');
      div1.setAttribute('class','table-responsive');
      $('#space').append(div1);
      var actualMembers = document.createElement('table');
      actualMembers.setAttribute('class','table');
      div1.append(actualMembers);


      var newRow = actualMembers.insertRow(actualMembers.length);
      id = newRow.insertCell(0);
      id.innerHTML = response['user_saved']['id'];
      firstname = newRow.insertCell(2);
      firstname.innerHTML = response['user_saved']['firstname'];
      lastname = newRow.insertCell(3);
      lastname.innerHTML = response['user_saved']['lastname'];

      id = newRow.insertCell(7);
      var llmId=response['llm']['id'];
      id.innerHTML = "<form class=delete action='{{ route('lessons.removeMember', ['licenseMemberId' => '" + llmId + "']) }}' method='POST'><input type='hidden' name='_token' value='<?php echo csrf_token(); ?>'><input type='hidden' name='method' value='DELETE'><button class='btn btn-danger btn-xs btn-delete' > <i class='fa fa-trash-o' title='{{__('lesson.remove_member_from_lesson')}}'></i> </button> </form>";

      $('#membersModal').modal('hide');

      },
      error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
      console.log(JSON.stringify(jqXHR));
      console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
      }
      });


      In this method I create a new table and I put a new line for each element I choose in a modal.
      The problem is the delete form and button (the id var), I create it correctly but when I click this button laravel returns me a MethodNotAllowedHttpException.
      I think I have to send the DELETE method in other manner, but I don't know how.



      This is the addMember method in laravel controller:



      public function addMember(Request $request)
      {

      $lessonLicenseMember=new LessonLicenseMember();
      $lessonId = $request->session()->get('lessonId',1);
      $maxMembers=Lesson::find($lessonId)->course->type->max_members;
      $actualMembers=$lessonLicenseMember::where('lesson_id','=',$lessonId)->count();


      if((!($lessonLicenseMember::where('lesson_id','=',$lessonId)
      ->where('license_member_id','=',$request->licenseMemberId)
      ->exists())) && $actualMembers<$maxMembers) {

      $lessonLicenseMember->lesson_id = $lessonId;
      $lessonLicenseMember->license_member_id = $request->licenseMemberId;
      $lessonLicenseMember->save();

      $member=LicenseMember::find($request->licenseMemberId)->member;


      return response()->json([ 'user_saved' => $member ,'llm'=>$lessonLicenseMember,'actualMembers'=>$actualMembers]);
      }
      else{
      return null;
      }

      }






      javascript ajax laravel






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 20 at 8:33









      m.Sarto

      375




      375
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          1
          down vote



          accepted










          Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.






          share|improve this answer





















          • The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
            – m.Sarto
            Nov 20 at 10:35












          • I want i DELETE method, not a POST method
            – m.Sarto
            Nov 20 at 10:36






          • 1




            try this <input type='hidden' name='_method' value='DELETE'>
            – Cln
            Nov 20 at 11:15










          • Perfect!! It is working now
            – m.Sarto
            Nov 20 at 19:20











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388996%2fajax-response-create-laravel-delete-button%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          1
          down vote



          accepted










          Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.






          share|improve this answer





















          • The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
            – m.Sarto
            Nov 20 at 10:35












          • I want i DELETE method, not a POST method
            – m.Sarto
            Nov 20 at 10:36






          • 1




            try this <input type='hidden' name='_method' value='DELETE'>
            – Cln
            Nov 20 at 11:15










          • Perfect!! It is working now
            – m.Sarto
            Nov 20 at 19:20















          up vote
          1
          down vote



          accepted










          Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.






          share|improve this answer





















          • The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
            – m.Sarto
            Nov 20 at 10:35












          • I want i DELETE method, not a POST method
            – m.Sarto
            Nov 20 at 10:36






          • 1




            try this <input type='hidden' name='_method' value='DELETE'>
            – Cln
            Nov 20 at 11:15










          • Perfect!! It is working now
            – m.Sarto
            Nov 20 at 19:20













          up vote
          1
          down vote



          accepted







          up vote
          1
          down vote



          accepted






          Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.






          share|improve this answer












          Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 20 at 8:38









          Cln

          261




          261












          • The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
            – m.Sarto
            Nov 20 at 10:35












          • I want i DELETE method, not a POST method
            – m.Sarto
            Nov 20 at 10:36






          • 1




            try this <input type='hidden' name='_method' value='DELETE'>
            – Cln
            Nov 20 at 11:15










          • Perfect!! It is working now
            – m.Sarto
            Nov 20 at 19:20


















          • The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
            – m.Sarto
            Nov 20 at 10:35












          • I want i DELETE method, not a POST method
            – m.Sarto
            Nov 20 at 10:36






          • 1




            try this <input type='hidden' name='_method' value='DELETE'>
            – Cln
            Nov 20 at 11:15










          • Perfect!! It is working now
            – m.Sarto
            Nov 20 at 19:20
















          The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
          – m.Sarto
          Nov 20 at 10:35






          The route is correct: DELETE | admin/lessons/removeMember/{licenseMemberId} | lessons.removeMember | AppHttpControllersadminLessonController@removeMember | web
          – m.Sarto
          Nov 20 at 10:35














          I want i DELETE method, not a POST method
          – m.Sarto
          Nov 20 at 10:36




          I want i DELETE method, not a POST method
          – m.Sarto
          Nov 20 at 10:36




          1




          1




          try this <input type='hidden' name='_method' value='DELETE'>
          – Cln
          Nov 20 at 11:15




          try this <input type='hidden' name='_method' value='DELETE'>
          – Cln
          Nov 20 at 11:15












          Perfect!! It is working now
          – m.Sarto
          Nov 20 at 19:20




          Perfect!! It is working now
          – m.Sarto
          Nov 20 at 19:20


















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.





          Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


          Please pay close attention to the following guidance:


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53388996%2fajax-response-create-laravel-delete-button%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          404 Error Contact Form 7 ajax form submitting

          How to know if a Active Directory user can login interactively

          TypeError: fit_transform() missing 1 required positional argument: 'X'