jquery silmede hata alıyorum

kenya

Merhaba jquery ile sayfa yenilenmeden silme işlemi yapmaya çalışıyorum. fakat hata alıyorum.

model tablom ---> user

<?php

namespace App;

use Illuminate\Notifications\Notifiable;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Foundation\Auth\User as Authenticatable;

class User extends Authenticatable
{
 use Notifiable;

 /**
 * The attributes that are mass assignable.
 *
 * @var array
 */
 protected $fillable = [
 'name', 'email', 'password',
 ];

 /**
 * The attributes that should be hidden for arrays.
 *
 * @var array
 */
 protected $hidden = [
 'password', 'remember_token',
 ];
}

web.php

Route::get('/', 'HomeController@index');

Route::get('/delete', 'HomeController@delete');

welcome.blade

<!DOCTYPE html>
<html>
<head>


 <title>PHP mysql confirmation box before delete record using jquery ajax</title>
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


</head>


<body>
<div class="container">
 <h3 class="text-center">PHP mysql confirmation box before delete record using jquery ajax</h3>
 <table class="table table-bordered">
 <tr>
 <th>Name</th>
 <th>Email</th>
 <th width="100px">Action</th>
 </tr>


 @foreach($ab as $a)




 <tr id="{{$a->id}}">
 <td>{{$a->name}}</td>

 <td><button class="btn btn-danger btn-sm remove">Delete</button></td>
 </tr>
 @endforeach




 </table>
</div> <!-- container / end -->


</body>


<script type="text/javascript">
 $(".remove").click(function(){
 var id = $(this).parents("tr").attr("id");


 $.ajax({
 url: '/delete',
 type: 'GET',
 data: {id: id},
 error: function() {
 alert('Something is wrong');
 },
 success: function(data) {
 $("#"+id).remove();
 alert("Record removed successfully");
 }
 });

 });


</script>
</html>

sineld

Silme işlemini yaptığın delete metodunu yazar mısın?

kenya

pardon hocam onu atlamışım.

public function delete($id)
 {

 $user = User::find($id);

 $user->delete();

 $ab = User::all();

 return view('welcome',compact('ab'));
 }

mgsmus

Route::get('/delete/{id}', 'HomeController@delete');

kenya

@mgsmus cevap için teşekkürler. çalışmadı.

fatihdemirag

 error: function (response) {
 console.log(response);
 }

Bu şekilde error fonksiyonuna ekleyip hata çıktısına bakabilir miyiz ?

mgsmus

kenya wrote:@mgsmus cevap için teşekkürler. çalışmadı.

Eğer id değerini rota parametresi olarak gönderecekseniz:

Route::get('/delete/{id}', 'HomeController@delete');

$.ajax({
 url: '/delete/' + id,

olacak.

Eğer id değerini GET ile kullanacaksanız

Route::get('/delete', 'HomeController@delete');

public function delete()
 {

 $user = User::find(request('id'));

 $user->delete();

 $ab = User::all(); // ?

 return view('welcome',compact('ab'));
 }

olacak.

deathisonitsway

@mgsmusun dediğinin çalışmama ihtimali yok.
Route olayını anlamamış gibi görünüyorsunuz.

kazim.karagul

Öncelikle "tr" ye ait id değerini kesin alabildiğinizden emin olun. Garanti yöntem olarak closest() kullanabilirsiniz. Daha sonra Ajax isteiğini post olarak değiştirin ve controller tarafında da request()->get() ile alın. Ajax ile silme işlemi yaparken sonuç olarak view döndürmeye çalışıyorsunuz. Son olarak burayı da değiştirerek Ajax isteiğinin karşılayabileceği JSON response döndürün. Başka bir sorununuz yoksa çalışması lazım.

Route::post('XXX/delete', 'XXXController@delete')->name('xxx.delete');

@foreach($ab as $a)
	<tr id="{{$a->id}}">
 <td>{{$a->name}}</td>
 <td><button class="btn btn-danger btn-sm remove">Delete</button></td>
	</tr>
@endforeach

<script type="text/javascript">
 $(".remove").click(function(){
 var id = $(this).closest("tr").attr("id");
 $.ajax({
 url: '{!! route('xxx.delete') !!}',
 type: 'POST',
 data: {id: id},
 error: function() {
 alert('Something is wrong');
 },
 success: function(data) {
 $("#"+id).remove();
 alert("Record removed successfully");
 }
 });
 });
</script>

public function delete()
{
	$id = request()->get('id');
	User::where(['id' => $id])->delete();
	$ab = User::all();
	return response()->json(['ab' => $ab]);
}

kenya

cevaplar için teşekkür ederim. @kazim.karagul bey dediğiniz gibi yaptım olmadı. id değeride geliyor.

welcome.blade

<!DOCTYPE html>
<html>
<head>


 <title>PHP mysql confirmation box before delete record using jquery ajax</title>
 <!-- Latest compiled and minified CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


</head>


<body>
<div class="container" >
 <h3 class="text-center">PHP mysql confirmation box before delete record using jquery ajax</h3>
 <table class="table table-bordered">
 <tr>
 <th>Name</th>
 <th>Email</th>
 <th width="100px">Action</th>
 </tr>


 @foreach($ab as $a)

 <tr id="{{$a->id}}">
 <td>{{$a->name}}</td>
 <td><button class="btn btn-danger btn-sm remove">Delete</button></td>
 </tr>
 @endforeach



 </table>
</div>


</body>


<<script type="text/javascript">
 $(".remove").click(function(){
 var id = $(this).closest("tr").attr("id");
 $.ajax({
 url: '{!! route('xxx') !!}',
 type: 'POST',
 data: {id: id},
 error: function() {
 alert('Something is wrong');
 },
 success: function(data) {
 $("#"+id).remove();
 alert("Record removed successfully");
 }
 });
 });

</script>

</html>

web.php


Route::get('/', 'UserController@index');

Route::get('/delete', 'UserController@delete')->name('xxx');

UserController

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Controllers\Controller;
use App\User;

use DB;

use Validator;


use Datatables;




class UserController extends Controller
{


 public function index(Request $request)
 {

 $ab = User::all();

 return view('welcome',compact('ab'));
 }

 public function delete($id)
 {

 $id = request()->get('id');
 User::where(['id' => $id])->delete();
 $ab = User::all();
 return response()->json(['ab' => $ab]);

 }


}

ekran görüntüsü -- > http://prntscr.com/lo21yj

kazim.karagul

Ekran görüntüsünde 2 tane hata olduğu görünüyor. Network sekmesi açıkken bir daha deneyip response sekmesindeki cevabı gösterebilirseniz daha net cevap verebiliriz. Ayrıca Console sekmesindeki 2 hatayı da görsek iyi olur.

mgsmus

Rota GET ama ajax POST'a dönüşmüş.
delete yöntemi zorunlu $id parametresi var ve göndermiyorsunuz, içeride request ile GET ile gelen $id değerini alıyorsunuz.
User::where(['id' => $id])->delete(); şeklinde bir kullanım var mı bilmiyorum. Normalde User::where('id', $id)->delete(); olacak ki ilk yaptığınız User::find() şeklinde olan doğru olandı.
<<script> şeklinde hata var

Her kod eklemenizde bir şeyleri değiştiriyorsunuz

kenya

@kazim.karagul bey cevap için teşekkürler.
network ekranı --> http://prntscr.com/lo72qt
console ekranı--> http://prntscr.com/lo736k

@mgsmus bey cevap için teşekkürler. @kazim.karagul beyin verdiğini örneği denedim ikinci örnekte ondan kod değişikliği oldu. şunu bir türlü yapamadık:)

kazim.karagul

Şimdilik 3 sorun görünüyor.
İlk önce küçük bir düzeltme yapalım;

Route::get('/delete', 'UserController@delete')->name('xxx');

Dalgınlıkla GET yazmışım. Doğrusu POST olacaktı.

Route::post('/delete', 'UserController@delete')->name('xxx');

Ardından delete($id) yerine delete() yazalım.

Network ekranında hatalı olan satırın üstüne tıklayınca sağ tarafta başka bir panel açılacak. Özellikle response sekmesini istemiştim ama genel listenin görüntüsünü vermişsiniz.

https://prnt.sc/lo9d3j

Hata kodunda 500 yazıyor. Sorunun php tarafında olduğu belli.

@mgsmus
Ben çok uzun zamandır kullanıyorum. Hangi versiyondan beri kullanımda biliyorum.

User::where(['id' => $id])->delete();

Bu kullanımda "=>" işareti "=" anlamına geliyor. Eğer birden fazla eşitlik varsa;

User::where(['id' => $id, 'xxx' => 'yyy'])->delete();

şeklinde kullanıyorum. Eşitlik yerine büyüklük veya başka bir kontrol gerekiyorsa o zaman farklı şekilde yazıyorum. Laravel öncesinden kalma eski bir alışkanlığım.

mgsmus

Route::post('/delete', 'UserController@delete')->name('xxx');

public function delete(Request $request)
{
 try {

 // User::where()->delete() şeklinde sildiğinizde model event'ları ateşlenmez.
 // çünkü silme işlemini SQL düzeyinde, model ile etkileşim kurmadan
 // yapıyorsunuz. O yüzden aşağıdaki gibi bir kullanım daha doğru
 $user = User::findOrFail($request->id);

 $user->delete();

 return response()->json([
 'deleted' => true,
 'message' => 'Kullanıcı silindi'
 ]);

 } catch (\Illuminate\Database\Eloquent\ModelNotFoundException $e) {
 // findOrFail ile modeli sorguladığımız için model bulunamadığında Laravel
 // ModelNotFoundException fırlatır. Bunu bu şekilde yakalayıp kullanıcı
 // bulunamadığında farklı bir işlem yaptırabiliriz. try...catch...
 // kullanmak, kendi Exception'larınızı oluşturmanız klasik
 // if...else... yerine daha iyi bir yoldur.
 return response()->json([
 'deleted' => false,
 'message' => 'Kullanıcı bulunamadı'
 ]); 
 }
}

<script>
 $(".remove").click(function(){

 var id = $(this).closest("tr").attr("id");
 
 $.ajax({
 url: '{{ route('xxx') }}',
 type: 'POST',
 data: {
 id: id
 },
 headers: {
 // POST yaptığımız için bu gerekli. PUT ve DELETE için de kullanılmalı
 // ya da VerifyCsrfToken::$except[] içerisinde delete rotasını csrf
 // dışına alacaksınız
 'X-CSRF-TOKEN': '{{ csrf_token() }}'
 }
 success: function(response) {

 if(response.deleted) {
 $("#"+id).remove();
 }

 alert(response.message);
 }
 });
 });
</script>

Laravel Türkiye Forumları, ücretsiz forum uygulaması Flarum ile yapılmıştır.