在 Ajax 调用后显示成功消息的问题
Problems to show success message after Ajax Call
>我有一个html
表单,它的数据通过AJAX
帖子发送到php
文件。
数据库后,我需要向用户显示他刚刚发送的数据已成功插入。
一切正常,但真正的问题是,页面刷新得如此之快,以至于我什至看不到消息的内容。
需要考虑的事情:
- 在
Ajax
调用之后,我对同一页面进行函数调用以刷新它,因为如果没有,页面永远不会刷新。 - 我有一个
html
形式的<div>
,它是隐藏的,旨在在服务器响应后取消隐藏自己。
所以我有两个问题:
- 首先,我是怎么做的,有没有更好的方法? 刷新
- 页面后是否可以使消息持久化?
我留下了一些JS代码(为了简短,因为一切正常),以及包含div的html部分:
$('#MiForm').on('submit', function( event )
{
//Creating the necessary instances and data
//Here is where I put different messages for the div "alert"
xhttp.onreadystatechange = function()
{ //Response from the server.
if (xhttp.readyState < 4)
{// Waiting response from server.
document.getElementById('Alert').hidden = false;
document.getElementById('Alert').innerHTML = "Sending Request...";
}
else if (xhttp.readyState === 4)
{// 4 = Response from server has been loaded
if (xhttp.status == 200 && xhttp.status < 300) // (200-299) is succesful.
document.getElementById('Alerta').innerHTML = 'Everything OK!';
}
};
//the Send function and data.
event.preventDefault(); //-->preventing the submit of the normal form cause I use AJAX.
window.location.href = '../Ui/WorkerForm.php' //--->this is where I load the same page where Im on, but it seems that it does it too fast.
});
和 HTML:
<div id="Alert" class="alert alert-success" hidden="true" role="alert"></div>
还有一件事,我向其发送数据的 php 页面不会手动返回任何值,它只是获取数据并调用类进行插入。
首先,一旦你发出AJAX,你就刷新了页面。您应该将刷新指令移动到 onreadystatechange 函数侦听器中,以便在 AJAX 完成后发生,并且您有响应。
如果这没有帮助,您可以在显示消息和刷新之间添加一个小的定时延迟:
setTimeout(function(){window.location.href = '../Ui/WorkerForm.php';}, TIMEOUT_IN_MILISECONDS);
相关文章:
- 检查xmlhttprequest问题的消息
- 摩卡“每个钩子之前”红色消息.我怎么知道具体出了什么问题
- 使用Javascript if语句发出问题,该语句调用不同的警报消息
- Javascript在每个有问题的控件上输出一条错误消息
- 始终显示联系人表单中的问题成功消息
- 消息 DIV 问题
- 在 Ajax 调用后显示成功消息的问题
- 关于确定数组中存储的最大值的不同方法的一些问题(加上输出消息问题)
- PHP 电子邮件问题与$Error消息
- 针对动态生成的复选框,在javascript中触发警报消息时出现问题
- AJAX调用图像路径的问题,将JSON消息转换为javaScript数组并尝试显示图像
- 简单AJAX函数问题:服务器如何自动接收来自客户端的消息
- 如何在javascript或使用jquery中显示for循环问题中的消息
- Jquery CSS验证里面输入没有消息红色文本问题
- Ajax消息传递系统问题
- IFrame和IFrame之间的跨文档消息传递问题家长
- Rails ActionCable / turbollinks聊天问题:发布重复消息
- jQuery验证错误消息问题
- HTML5必填项错误消息问题
- Jquery表单验证错误消息问题