ajax同步发送数据

<?php 
	sleep(2);
	echo 1;
?>
<html>
<head>
	<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
</head>
<body></body>
<script>
$(function(){
	var flag = 1, i = 0;
		setInterval(function(){			
			if(flag == 1){
				i++;
				flag = 0;
				$.ajax({
					type: 'get',
					url: '../echo.php',
					success: function(data){
						flag = 1;	
						console.log(i);	
					}
				});
			}
		},1000);
		
});
	
</script>
</html>

如果页面获取了大量数据 但需要一步步传送的话可以用这个方法 作进度记录条展示

转载于:https://my.oschina.net/changfu/blog/918888

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery AJAX 是一种异步操作网页内容的技术,允许开发者在无需刷新整个页面的情况下更新部分内容。而同步请求则是在发送请求直到接收到响应后再继续执行后续代码的过程。以下是关于 jQuery AJAX 同步请求的基本介绍: ### 1. **jQuery AJAX 的基本用途** jQuery AJAX 主要用于在服务器上动态获取数据,它允许在不重新加载整个页面的情况下更新特定部分的内容。这种技术非常适用于创建动态、交互式的 Web 应用程序。 ### 2. **同步 AJAX 请求** 同步 AJAX 请求意味着在等待服务器响应完成之前,当前的 JavaScript 函数不会返回控制权给浏览器的事件循环。这意味着如果你在一个重要的 UI 更新之前调用了同步 AJAX 请求,用户将无法看到页面的变化,直到请求完成并且结果处理完毕。这通常会阻碍用户体验,尤其是在需要即时反馈的应用场景中。 ### 3. **如何实现同步 AJAX 请求** 虽然 jQuery 提供了 `$.ajax()` 方法用于发起 AJAX 请求,但在实际应用中通常推荐使用异步版本以优化性能和用户体验。但是,如果确实需要使用同步版本,可以使用以下语法: ```javascript $.ajax({ url: "http://example.com/data", type: "GET", async: false, // 设置为 true 表示异步,默认情况就是如此;设置为 false 则表示同步模式 success: function(data) { console.log("请求成功", data); }, error: function(xhr, status, error) { console.error("请求失败", xhr.responseText || status || error); } }); ``` 请注意,设置 `async: false` 会让请求变成同步模式,这意味着 `success` 和 `error` 回调函数将在请求完成后立即执行,而不是等到下一个事件循环周期。 ### 4. **何时选择同步 AJAX 请求** 同步 AJAX 请求很少被推荐在现代应用程序中使用,因为它们可能导致阻塞 UI 或影响性能。然而,在某些特殊情况下,比如为了保持代码的简单性和一致性,或在脚本中只有几个关键点需要处理数据时,可能会选择同步 AJAX。 ### 相关问题: 1. **异步与同步 AJAX 请求的主要区别是什么?** 2. **为何在大多数情况下我们更倾向于使用异步 AJAX 请求?** 3. **如何避免同步 AJAX 请求带来的潜在问题?**
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值