2014-11-20 1 views
1

Я хочу для вас - SweetAlert для моего сайта. Теперь мне нужно в конфигурацию SweetAlert с этим кодом, так что на Klick кнопку «OK», он будет посылать через formaction POST = «/ ссылка/ссылка» пост = «тест = 1»SweetAlert: Как отправить запрос POST после нажатия OK?

swal({ 
    title: "Are you sure?", 
    text: "You will not be able to recover this imaginary file!", 
    type: " warning ", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    cancelButtonText: " No, cancel plx!", 
    closeOnConfirm: false, 
    closeOnCancel: false 
}, function(isConfirm) { 
    if (isConfirm) { 
     swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
    } else { 
     swal("Cancelled", "Your imaginary file is safe:) ", " error "); 
    } 
}); 

Я хочу спросить, как я могу построить его в

+0

я предполагаю, что вы должны изменить 'если (isConfirm) {}' часть. Вы можете создать новую 'форму' с необходимыми полями, добавить ее в' body', а затем использовать 'form.submit()' – bigbobr

+0

Можете ли вы написать мне пример? – pastuh

+0

@bigbobr Он не сказал, что у него есть форма. –

ответ

1

для чистого JS -. это вывесит параметр post со значением post123

var formTest = document.createElement('form'); 
formTest.setAttribute("method", "post"); 
formTest.setAttribute("action", ""); 

var post = document.createElement("input"); 
post.setAttribute("type", "hidden"); 
post.setAttribute("name", "post"); 
post.setAttribute("value", "post123"); 
formTest.appendChild(post); 

document.body.appendChild(formTest); 
formTest.submit(); 

Если вы хотите, вы можете использовать короткие и хорошо AJAX вызовов, которые требуют JQuery

3

Добавьте свой триггер запроса POST в swal обратного вызова, например:

swal({ 
    title: "Are you sure?", 
    text: "You will not be able to recover this imaginary file!", 
    type: " warning ", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    cancelButtonText: " No, cancel plx!", 
    closeOnConfirm: false, 
    closeOnCancel: false 
}, function(isConfirm) { 
    if (isConfirm) { 
     swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
     post('/link/link', {test: '1'}); // <<< This is what I added 
    } else { 
     swal("Cancelled", "Your imaginary file is safe:) ", " error "); 
    } 
}); 

The definition of the function post() is found here

+0

Хм, я не знаю, но это не работает Oo – pastuh

0

попробуйте этот код, просто изменить в соответствии с вашими потребностями.

swal({ 
title: "Are you sure?", 
text: "You will not be able to recover this imaginary file!", 
type: " warning ", 
showCancelButton: true, 
confirmButtonColor: "#DD6B55", 
confirmButtonText: "Yes, delete it!", 
cancelButtonText: " No, cancel plx!", 
closeOnConfirm: false, 
closeOnCancel: false }, 
    function() { 
    $.ajax({ 
     type: "POST", 
     data: { 
     'data_id': id 
     }, 
     url: 'http://localhost/project/method', 
     success: function(data) { 
     swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
     }, 
     error: function(data) { 
     swal("Cancelled", "Your imaginary file is safe:) ", " error "); 
     } 
    }); 
    } 
Смежные вопросы