0

我想让表单 html 看起来像这样：

<script>
    function name()
    {
        var name = $('#name').val();
        var url_send     = 'send.php';

        $.ajax({
            url     : url_send,
            data    : 'name='+name,
            type    : 'POST',
            dataType: 'html',
            success : function(pesan){
                    $("#result").html(pesan);
            },
        });
    }
    </script>
    <script src="assets/bootstrap-sweetalert.js"></script>
    <script src="assets/sweetalert.js"></script>
      <link rel="stylesheet" href="assets/sweet-alert.css">
        <form action="#" method="post">
        <label>Name</label>
        <input type="text" name="name"><br>
        <input type="submit" onclick="name();">
    <div id="result"></div>

这是send.php

<?php
$name = $_POST['name'];
if($name) {
echo 'success';
} else {
echo 'failed';
}
?>

问题是，我如何显示 SweatAlert 模式，当 php 的结果是SuccessSweatalertSuccess Modal时会显示。什么时候failed显示Failed Modal？现在我必须对我的脚本进行什么编辑？

4

2 回答 2

0

我希望你期待带有 jquery ajax 的代码；
请参阅下面的代码；
索引.php

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>

<link rel="stylesheet" type="text/css" href="sweetalert-master/dist/sweetalert.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="sweetalert-master/dist/sweetalert.min.js"></script>
<script>
$(document).ready(function () {
$("#submit").on("click", function(e){
    e.preventDefault();
    var name_val = $("#name").val();
    $.post( "send.php", {name_send:name_val}, function(data){
        if (data == 'success'){
            swal("Good job!", "Nice work!", "success");
            return false;
            }else{
            swal("Here's a message!", "Please type a name");
            }
    });
});


});

</script>
</head>
<body>
<form>
<label>Name</label>
<input type="text" name="name" id="name"><br>
<input type="submit" id="submit">
</form>
</body>
</html>


发送.php

<?php
$name = $_POST['name_send'];
if($name) {
echo 'success';
} else {
echo 'failed';
}
?>
于 2015-11-19T11:03:14.343 回答
0 
$.ajax({
        url     : url_send,
        data    : {name: name},
        type    : 'POST',
        dataType: 'html',
        success : function(pesan){
                $("#result").html(pesan);
        },
    });

在您放置的ajax代码中data : 'name='+name, ，请看看我做了什么，也许这会有所帮助

Jquery ajax 接受数据参数中的对象data: {key:value}。在问题中，我们使用字符串作为 jquery ajax 数据的参数

于 2015-11-19T12:27:53.067 回答