Как использовать sweetalert2 в php - PullRequest
Новая
       33

Как использовать sweetalert2 в php

0 голосов
/ 18 апреля 2019

У меня есть код для вставки данных в MySQL, который работает хорошо, я хочу заменить текущее предупреждение java-скрипта на sweetalert2. Я прошел все форумы, но ничего не смог найти. Может кто-нибудь мне помочь? Спасибо. 

<?php
//session_start();
//include "dbcon.php";
error_reporting(0);

$conn = new PDO('mysql:host=localhost; dbname=fleet','root', 'root'); 

$department=$_POST['department'];
$employee=$_POST['employee'];
$approver=$_POST['approver']; 
$depart_date=$_POST['depart_date'];
$return_date=$_POST['return_date'];
$depart_time=$_POST['depart_time'];
$return_time=$_POST['return_time'];
$depart_place=$_POST['depart_place'];
$arrival_place=$_POST['arrival_place'];
$reason=$_POST['reason'];
$request_timestamp=$_POST['request_timestamp'];    
$approver_email = $_POST['approver_email'];
//employee_name = $_POST['employee_name'];  
$employee_name = $_POST['employee_name'];
$approver_name = $_POST['approver_name'];
$employee_title = $_POST['employee_title'];
//$no_of_passengers = '';
//$name_of_passengers = '';


$no_of_passengers = $_POST['no_of_passengers'];
$name_of_passengers = $_POST['name_of_passengers'];

//$no_of_passengers2 = $_POST['no_of_passengers2'];
//$name_of_passengers2 = $_POST['name_of_passengers2'];

//$no_of_passengers2 = '';
//$name_of_passengers2 = '';

$sql2='';

//include "mail.php";

// $ no_of_passengers2 = $ _POST ['no_of_passengers2']; // $ name_of_passengers2 = $ _POST ['name_of_passengers2']; 

if (isset($_POST['submit'])) {

       // $sql2='';

        $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

        $sql = "INSERT INTO fms_booking_request (requested_by, approver, approving_dept, no_of_passengers, name_of_passengers, departure_place, arrival_place, reason, request_timestamp,departure_date, return_date, departure_time, return_time)
        VALUES ('$employee', '$approver', '$department', '$no_of_passengers', '$name_of_passengers', '$depart_place', '$arrival_place', '$reason','$request_timestamp','$depart_date', '$return_date','$depart_time','$return_time')";

        $conn->exec($sql);
        //$conn->exec($sql2);

        /*echo "<br><br>You have successfully booked for a vehicle.<br>
              An emial is being sent to approver, Please wait for 5 seconds.<br>
              *<br>
              **<br>
              ***<br>
              ****<br>
              *****<br>
              ******<br>";
        */
        include "mail.php";


        echo "<script>alert('Successfully booked for a vehicle, email has been sent to approver'); window.location='vehicle_booking_form.php'</script>";

} 

else{

    echo "<script>alert('Please try again!'); window.location='vehicle_booking_form.php'</script>";

} 

?>

Я хочу использовать этот подсластитель

Swal.fire ({ позиция: «топ-энд», тип: «успех», title: «Ваша работа была сохранена», showConfirmButton: false, таймер: 1500 })

Ответы [ 2 ]

0 голосов
/ 18 апреля 2019

Для использования в php вы можете использовать следующий код.Во-первых, вы должны включить библиотеку подсластителей, как я включил.Тогда вы можете использовать сладкое оповещение, как я использовал в эхо.Sweetalert не загружается, пока не будут загружены элементы dom.Поэтому для решения этой ситуации я использовал функцию jquery $(document).ready().

ПРИМЕЧАНИЕ: Не забудьте также включить библиотеку jquery вверху 

<head>
  <script src="jquery-3.3.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
</head>

<?php

echo '
<script type="text/javascript">

$(document).ready(function(){

  swal({
    position: "top-end",
    type: "success",
    title: "Your work has been saved",
    showConfirmButton: false,
    timer: 1500
  })
});

</script>
';
 ?>
0 голосов
/ 18 апреля 2019

Вам необходимо скачать и включить библиотеку sweetalert js или использовать онлайн-версию. 

<!-- SweetAlert2 -->
<script type="text/javascript" src='../files/bower_components/sweetalert/js/sweetalert2.all.min.js'> </script>
<!-- SweetAlert2 -->
<link rel="stylesheet" href='../files/bower_components/sweetalert/css/sweetalert2.min.css' media="screen" />

Затем в коде вы заменяете все оповещения js на swal. 

 Swal.fire({
 position: 'top-end',
 type: 'success',
 title: 'Your work has been saved',
 showConfirmButton: false,
 timer: 1500
 });

Все остальные опции для sweetalert2 вы можете найти здесь https://sweetalert2.github.io/

...