`
shao_lixin
  • 浏览: 52822 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js循环中调用ajax

阅读更多
代码:
var i;
for(i=0;i<10;i++){
      ajaxServise(i);
}
 
在for循环中调用ajax方法  补充页面上的数据,这样写是错误的,他不会每执行一次for循环就执行一次ajax方法,而是等for循环结束才去执行ajax方法,所以导致ajax只被执行一次。然而当修改如下:
 
for(i=0;i<10;i++){
      alert("aa");
      ajaxServise(i);
}
与上面不同的是在每次调用的时候都弹出一个窗体  alert("内容随意")  这样就可以在页面正确显示内容 而不是一条内容
 
原因:原因就是for循环在JS中是单线程的,他会在for循环结束之后然后执行下一步,一步一步进行实现,而alert切断循环,让程序响应一次,从而再次调用ajax方法,然而在程序当中我们却不能让alert方法出现。
解决办法:
var i=0;
var sum=10;
var time;
ajaxServise(i){
       if(i==sum){
            clearTimeout(time);
        }
        i=i+1;
        time = setTimeout(ajaxServise(),10);
        ……………………
        ………………
        …………
        ……
}
 
这里用setTimeout(AJAX())方法进行调用,setTimeout会当此方法执行完毕然后再次执行AJAX()方法,用setTimeout与clearTimeout配合完美解决此问题。
 
PS:setTimeout是伪多线程。
分享到:
评论

相关推荐

    JavaScript语言与Ajax应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    书中可能涵盖如何利用jQuery简化Ajax调用,提高开发效率。 10. **现代Web API与Fetch API**:随着Web技术的发展,XMLHttpRequest已被Fetch API所取代,Fetch API提供了更现代、更简洁的API接口。学习Fetch API及其...

    挑战javascript&ajax应用开发

    JavaScript 和 AJAX 是 web 开发中的两个重要概念,它们在创建交互式、动态和实时的网页应用中发挥着关键作用。JavaScript 是一种轻量级的解释型编程语言,主要用于客户端的网页脚本,而 AJAX(Asynchronous ...

    JSON+js+jquery+ajax基础.zip

    在"JSON+js+jquery+ajax基础.zip"这个压缩包中,可能包含的教程或示例将涵盖以下几个方面: 1. JSON基础知识:介绍JSON的语法结构,如对象和数组的表示,以及如何在JavaScript中创建和解析JSON对象。 2. JavaScript...

    javascript+Ajax实现词频统计

    JavaScript 和 AJAX 在网页开发中扮演着重要角色,尤其在实现动态数据交互方面。在这个"javascript+Ajax实现词频统计"的项目中,我们将探讨如何利用这两种技术来创建一个实时更新的词频统计应用。 首先,JavaScript...

    JavaScript 正则表达式 ajax

    在JavaScript中,通常使用XMLHttpRequest对象来创建AJAX请求。首先,你需要创建一个XMLHttpRequest实例,然后打开一个到服务器的连接,设置请求的类型(GET或POST),最后发送请求。当服务器响应时,通过监听`...

    JavaScript&jQuery应用&ajax

    4. 示例和实战项目:结合实际案例讲解如何在网页中应用JavaScript、jQuery和AJAX。 配套源码部分将提供实践环节,帮助你将理论知识转化为实际代码。通过分析和修改这些代码,你可以更好地理解和掌握JavaScript、...

    Auction(JSP中用Js进行dom操作ajax静态刷新案例代码).rar

    在本案例中,"Auction(JSP中用Js进行dom操作ajax静态刷新案例代码)"是一个典型的Web开发示例,涉及到的技术主要包括AJAX、JavaScript、DOM、Java以及JSP。下面将详细阐述这些技术及其在本项目中的应用。 首先,AJAX...

    php+ajax加载数据转圈动画图片.zip

    4. **发送请求**:调用AJAX函数发送请求到服务器。 5. **处理服务器响应**:在AJAX的`success`回调函数中,接收到服务器返回的数据后,可以进行相应的处理,如更新DOM元素,显示数据等。 6. **关闭加载动画**:当...

    Ajax经典例题,Ajax书上的所有例题

    2. **JavaScript基础**:掌握JavaScript的基本语法是使用Ajax的前提,包括变量、函数、条件语句、循环、DOM操作等。JavaScript用于处理页面上的交互逻辑和Ajax请求。 3. **JSON数据格式**:虽然Ajax的名称中含有XML...

    ajax长连接式的浏览器、服务器的全双工通信框架.rar

    Ajax工作原理是提供与服务器异步通信的能力,从而使用户从请求/响应的循环中解脱出来。借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当...

    c# js 图片翻转调用

    标题“c# js 图片翻转调用”表明了本文档主要讨论如何利用C#和JavaScript两种语言实现图片的翻转效果。虽然在实际代码中未直接涉及C#的实现细节,但我们可以推测这里可能是通过C#作为后端语言处理图像数据或提供API...

    js,jquery,ajax

    JavaScript是Web开发中不可或缺的一部分,它是一种轻量级的解释型编程语言,主要用来增加网页的交互性和动态功能。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互。Ajax(Asynchronous...

    ajax获得json对象数组 循环输出数据的方法

    在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本篇将重点讲解如何使用AJAX获取JSON对象数组,并...

    thinkphp+ajax无刷新分页

    在ThinkPHP框架中,无刷新分页主要依赖于AJAX请求来获取数据,并通过JavaScript处理返回的数据,动态更新页面上的内容。具体步骤如下: 1. **初始化分页对象**:在控制器中创建一个分页对象,设置总记录数、每页...

    javascript和ajax学习教程

    JavaScript和AJAX是Web开发中的两个重要概念,它们在创建动态、交互性强的网页应用中起着关键作用。本教程将深入讲解这两个技术的核心概念、语法以及实际应用。 JavaScript是一种客户端脚本语言,广泛用于浏览器中...

    ajax进度条(非常实用)

    在Ajax中,XMLHttpRequest对象是核心,它负责在后台与服务器进行通信,发送和接收数据。 在描述的【ProgressBarJsp.jsp】中: 1. **变量定义**:定义了一个全局变量`counter`用于跟踪进度,初始值为1。由于这是个...

    Ajax中的循环方案

    传统的做法可能会直接在JavaScript中使用for循环遍历列表ID,然后对每个ID发起Ajax请求。但这种方法通常会出现问题,因为Ajax请求是异步的,这意味着在循环中发起的请求并不会按顺序或同步地完成。 错误的方案如下...

    AJAX中实现交换数据

    ### AJAX中实现交换数据 在当今的Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种重要的技术,它允许网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术大大提升了用户...

    AJAX常见面试问题

    在本文中,我们将详细讨论 AJAX 面试中常见的问题和解决方案。 1.Ajax 的基础知识 在工作中,我们经常需要和后台交互,这时我们需要使用 Ajax 将数据发送到服务器端。在使用 Ajax 时,我们需要了解其基本参数,...

Global site tag (gtag.js) - Google Analytics