how to add callback into function with javascript?

Question

I want to create function which inside include swall then call that function with another job...

here is my code:

function confirmSwal(ket, callback){
  swal({
    title: ket,
    showCancelButton: true,
    cancelButtonText: 'Batal',
    confirmButtonClass: 'btn-success',
    confirmButtonText: 'Hapus',
    closeOnConfirm: true
  },
  function(){
    callback();
  });
}

$("#hapusBulk").click(function(){
  confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){
    alert("Asd");
  });
});

but alert doesn't work.. please help..

function(){ callback(); } Instead of this you need only callback — Muhammad
– Muhammad, Commented May 21, 2018 at 3:38

Isitea · Accepted Answer · 2018-05-21 04:11:59Z

2

It should be like this.

function confirmSwal(ket, callback){
    swal({
        title: ket,
        showCancelButton: true,
        cancelButtonText: 'Batal',
        confirmButtonClass: 'btn-success',
        confirmButtonText: 'Hapus',
        closeOnConfirm: true
    }, callback
    )}

$("#hapusBulk").click(function(){
    confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){
        alert("Asd");
    });
});

because of your callback variable is defined as a function, and you don't require to have a function to wrap the callback value.

edited May 21, 2018 at 4:11

Isitea

7615 silver badges13 bronze badges

answered May 21, 2018 at 3:39

Dean

68813 silver badges34 bronze badges

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

2 Comments

danitri Over a year ago

thanks bro.. it work but i want when click confirm button true then do callback..

danitri Over a year ago

im add code like .then(function(result){ if(result.value) { callback(); } }) and it work perfectly..

Shivaji Varma · Accepted Answer · 2018-05-21 03:53:04Z

0

Use then method

Here is the jsbin link with working implementation: https://jsbin.com/tawesufuge/1/edit?html,js,output

function confirmSwal(ket, callback){
  swal({
    title: ket,
    showCancelButton: true,
    cancelButtonText: 'Batal',
    confirmButtonClass: 'btn-success',
    confirmButtonText: 'Hapus',
    closeOnConfirm: true
  }).then(callback);
}


$("#hapusBulk").click(function(){
  confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){
    alert("Asd");
  });
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

  <button id="hapusBulk">hapusBulk</button>
  
</body>
</html>

answered May 21, 2018 at 3:53

Shivaji Varma

68213 silver badges25 bronze badges

2 Comments

danitri Over a year ago

thanks bro.. it work but i want when click confirm button true then do callback..

danitri Over a year ago

im add code like .then(function(result){ if(result.value) { callback(); } }) and it work perfectly..

elasmai elmehdi · Accepted Answer · 2018-05-21 03:45:31Z

0

If the swal function accept a callback, you need to change your code to this :

function confirmSwal(ket, callback){
  swal({
    title: ket,
    showCancelButton: true,
    cancelButtonText: 'Batal',
    confirmButtonClass: 'btn-success',
    confirmButtonText: 'Hapus',
    closeOnConfirm: true
  }, callback() );
}

answered May 21, 2018 at 3:45

elasmai elmehdi

914 bronze badges

2 Comments

danitri Over a year ago

thanks bro.. it work but i want when click confirm button true then do callback..

danitri Over a year ago

im add code like .then(function(result){ if(result.value) { callback(); } }) and it work perfectly..

Collectives™ on Stack Overflow

how to add callback into function with javascript?

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related