提交php-ajax表单后未显示Bootstrap警报 - php

我试图在用户提交表单时显示警报,无论是否成功。该脚本可以很好地提交数据,但没有显示警报。代码为-

重要信息-表单为自举模式。

HTML是:

<div class="col-md-12">
     <form id="inquiry-form" method="post" action="inq.php" role="form">
         <div class="messages"></div>
         <div class="controls">
             <div class="form-group">
                 <label for="Name">Name</label>
                 <input type="text" name="name" class="form-control" id="exampleInputEmail1" placeholder="Name" required="required" data-error="Name is required."/>
                 <div class="help-block with-errors"></div>
             </div>
         </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>

我的PHP脚本是:

try
{
$sql = mysqli_query($conn,"INSERT INTO wig (fname, lname, email,msg)
VALUES ('$fname', '$lname', '$email','$msg')");



$responseArray = array('type' => 'success', 'message' => $okMessage);
}
catch (\Exception $e)
{
$responseArray = array('type' => 'danger', 'message' => $errorMessage);
}

if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
$encoded = json_encode($responseArray);

header('Content-Type: application/json');

echo $encoded;
}
else {
echo $responseArray['message'];
}

处理表单提交的jQuery是:

$(function () {

$('#inquiry-form').validator();

$('#inquiry-form').on('submit', function (e) {
    if (!e.isDefaultPrevented()) {
        var url = "inq.php";

        $.ajax({
            type: "POST",
            url: url,
            data: $(this).serialize(),
            success: function (data)
            {
                var messageAlert = 'alert-' + data.type;
                var messageText = data.message;

                var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable fade in role=alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>' + messageText + '</div>';
                if (messageAlert && messageText) {
                    $('#inquiry-form').find('.messages').html(alertBox);
                    $('#inquiry-form')[0].reset();
                }
            }
        });
        return false;
    }
})
});

php参考方案

尝试将die添加到您的php脚本中,如下所示:

    echo $encoded;   
}else {
    echo $responseArray['message'];
}
die();

将输入类型复选框关联到输入类型文本 - php

我有一个问题,我需要将输入类型复选框与输入类型文本关联。情况如下:从数据库中提取数据。 PK数据是复选框的值。当复选框选择输入类型的文本时,您可以在其中输入特定数字。现在的问题是,选中所有类型的复选框输入文本都会被激活。我希望通过选择复选框输入,仅启用与复选框相关联的输入。我的HTML代码(此代码创建一个输入复选框,并为数据库中的每个记录输入文本,而我要激活…

AJAX调用只能与$(document).on('click')一起使用 - php

我有一个显示数据库条目的表。用户能够为每一行打开一个弹出菜单。选项之一是删除数据库条目,并且该表应通过AJAX调用相应地刷新。只要有人单击#delete-toggle中的table-popup,我就会在HTML页面上进行AJAX调用(table-popup是div,当有人单击每行中存在的表中的table-edit-button时出现的表): <div …

Laravel 5 dataTables,带有控制器功能的初始化表 - php

我正在尝试创建一个用户的dataTable,其中每一行都有一个下拉子行,其中包含用户权限的复选框。因此,“超级”管理员可以动态地单击用户并在表中分配其特权。首先,不确定这是否是一个好主意,请随时提出一个更好的方法。也许每行一个简单的弹出模式会更容易,但是现在我已经决定这是一种很酷的方法,所以我继续进行。但是,目前尝试用AJAX初始化dataTable令我感到…

Div单击与单选按钮相同吗? - php

有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date&#…

在codeigniter中检查AJAX调用是否成功 - php

我正在使用AJAX调用将一些数据插入MYSQLJS代码:$("input.addtruck").click(function (event) { event.preventDefault(); var user_id = $("input#user_id").val(); var numar = $("inp…