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;
}
}
javascript ajax laravel
add a comment |
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;
}
}
javascript ajax laravel
add a comment |
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;
}
}
javascript ajax laravel
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
javascript ajax laravel
asked Nov 20 at 8:33
m.Sarto
375
375
add a comment |
add a comment |
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.
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
add a comment |
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.
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
add a comment |
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.
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
add a comment |
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.
Check your routes if the method is POST because you will only get the error MethodNotAllowedHttpException if the method does not match.
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
add a comment |
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
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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