带有间隔的简单ajax请求
simple ajax request with interval
我最近开始学习Ajax和jQuery。所以昨天我开始为一个formula编写一个简单的ajax请求,它将一个选择列表值发送到php脚本,并从数据库中读取一些内容。
到目前为止效果不错!但问题是,当我点击发送按钮时,它会在1秒后启动请求。我知道这和我的间歇期有关。当我点击发送按钮时,我会启动请求,它每秒钟都会请求,这样我就有机会自动刷新新的收入条目。
但我希望每秒钟都有一个间隔周期,但当我第一次按下按钮时,它应该立即加载,而不仅仅是1秒后。
这是我的代码:http://jsbin.com/qitojawuva/1/edit
$(document).ready(function () {
var interval = 0;
$("#form1").submit(function () {
if (interval === 0) {
interval = setInterval(function () {
var url = "tbladen.php";
var data = $("#form1").serialize();
$.ajax({
type: "POST",
url: url,
data: data,
success: function (data) {
$("#tbladen").html(data);
}
});
}, 1000);
}
return false;
});
});
谢谢!
我可能是您想要的以下对象。
$(document).ready(function () {
var isFirstTime = true;
function sendForm() {
var url = "tbladen.php";
var data = $("#form1").serialize();
$.ajax({
type: "POST",
url: url,
data: data,
success: function (data) {
$("#tbladen").html(data);
}
});
}
$("#form1").submit(function () {
if (isFirstTime) {
sendForm();
isFirstTime = false;
} else {
setTimeout(function () {
sendForm();
}, 1000);
}
return false;
});
});
因此,当回调完成时使用setTimeout
,因为无论回调是否完成,setInterval
都会继续运行。
$(function () {
$("#form1").submit(postData);
function postData() {
var url = "tbladen.php",
data = $("#form1").serialize();
$.ajax({
type: "POST",
url: url,
data: data,
success: function (data) {
$("#tbladen").html(data);
setTimeout(postData, 1000);
}
});
return false;
}
});
相关演示的种类
相关文章:
- AJAX简单错误.XMLHttpRequest无法加载http://localhost/mpl/getPage.php.
- 带有间隔的简单ajax请求
- 为什么对php的简单ajax调用会表现出如此奇怪的行为
- 简单的ajax/尝试替换数字
- AJAX-没有得到简单的php响应(返回“undefined”)
- 简单的Ajax请求,在React.js中循环数据
- 使用AJAX读取一个简单的文本文件.打开函数时出现拒绝访问错误
- 简单的PHP到Ajax'未登录'错误-如何
- 用于基本 html 站点的简单 ajax 函数
- 在 jsp 中使用简单 ajax 时出现问题 - 内容填充然后消失
- 简单 Ajax 加载页面的计时器
- Symfony2中的简单AJAX请求和响应
- 简单AJAX函数问题:服务器如何自动接收来自客户端的消息
- 简单ajax与:remote =>在Ruby on Rails中
- 在asp.net mvc中对控制器进行简单Ajax调用
- 使用javascript的简单ajax表单没有jQuery
- AngularJS组织简单Ajax程序
- Coffeescription中的简单Ajax请求
- 简单ajax GET请求的问题
- rails中的简单ajax