当前位置: 首页 > 面试题库 >

如何实现ajax请求,假如我有多个请求,我需要让这些ajax请求按照某种顺序一次执行,有什么办法呢?如何处理ajax跨域

蓝昊然
2023-03-14
本文向大家介绍如何实现ajax请求,假如我有多个请求,我需要让这些ajax请求按照某种顺序一次执行,有什么办法呢?如何处理ajax跨域相关面试题,主要包含被问及如何实现ajax请求,假如我有多个请求,我需要让这些ajax请求按照某种顺序一次执行,有什么办法呢?如何处理ajax跨域时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

通过实例化一个XMLHttpRequest对象得到一个实例,调用实例的open方法为这次ajax请求设定相应的http方法,相应的地址和是否异步,以异步为例,调用send方法,这个方法可以设定需要发送的报文主体,然后通过监听readystatechange事件,通过这个实例 的readyState属性来判断这个ajax请求状态,其中分为0,1,2,3,4这四种状态(0未初始化,1载入/正在发送请求2载入完成/数据接收,3交互/解析数据,4接收数据完成),当状态为4的时候也就是接受数据完成的时候,这时候可以通过实例的status属性判断这个请求是否成功

var xhr = new XMLHttpRequest();
xhr.open('get', 'aabb.php', true);
xhr.send(null);
xhr.onreadystatechange = function() {
    if(xhr.readyState==4) {
        if(xhr.status==200) {
        	console.log(xhr.responseText);
        }
    }
}

使ajax请求按照队列顺序执行,通过调用递归函数:

//按顺序执行多个ajax命令,因为数量不定,所以采用递归
function send(action, arg2) {
//将多个命令按顺序封装成数组对象,递归执行
//利用了deferred对象控制回调函数的特点
    $.when(send_action(action[0], arg2))
    .done(function () {
//前一个ajax回调函数完毕之后判断队列长度
if (action.length > 1) {
//队列长度大于1,则弹出第一个,继续递归执行该队列

    action.shift();
    send(action, arg2);
    }
    }).fail(function (){
    //队列中元素请求失败后的逻辑
    //重试发送
    //send(action, arg2);
    //忽略错误进行下个
    //if (action.length > 1) {
    //队列长度大于1,则弹出第一个,继续递归执行该队列
        //    action.shift();
        //    send(action, arg2);
        //}
        });
        }
    //处理每个命令的ajax请求以及回调函数

function send_action(command, arg2) {
var dtd = $.Deferred();//定义deferred对象

    $.post(
    "url",
    {
    command: command,
    arg2: arg2
    }
    ).done(function (json) {
    json = $.parseJSON(json);

//每次请求回调函数的处理逻辑

    //
    //
    //
//逻辑结束
dtd.resolve();
}).fail(function (){
//ajax请求失败的逻辑
dtd.reject();
});
return dtd.promise();//返回Deferred对象的promise,防止在外部修改状态

}

 

 类似资料:
  • 问题内容: 我正在制作一个Java Servlet页面,该页面检查域名列表,并通过jquery ajax请求检查每个名称。它的工作正常,除非结果被无序附加到DOM。什么是按请求的顺序处理请求的最佳方法,但是又像长时间轮询一样异步进行。我是javascript新手。 这是我用于请求的代码: 我当时正在考虑向Java Servlet发送一个序列号,该序列号将通过JSON返回,但是我想知道是否有更简单的

  • 本文向大家介绍如何实现一个ajax请求?如果我想发出两个有顺序的ajax需要怎么做?相关面试题,主要包含被问及如何实现一个ajax请求?如果我想发出两个有顺序的ajax需要怎么做?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: AJAX创建异步对象XMLHttpRequest 操作XMLHttpRequest 对象 (1)设置请求参数(请求方式,请求页面的相对路径,是否异步) (2)设置回

  • 问题内容: 浏览器不允许跨站点AJAX调用(这是安全限制)。有没有可能的解决方案? 编辑 我只控制来电者的网站 问题答案: 如果您控制双方,那么会有很多选择。例如JSONP,或修改远程网站的标头响应。 不幸的是 ,只有在远程网站支持的情况下,JSONP才有效。您 不能 将JSONP调用强制到尚不支持它的网站。 但是,正如您所说,您只能控制源网站。出于明显的原因,您无法绕过此限制来入侵浏览器。您确实

  • 本文向大家介绍jQuery Ajax实现跨域请求,包括了jQuery Ajax实现跨域请求的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery Ajax跨域请求的具体代码,供大家参考,具体内容如下 html 代码清单: 服务端 validate.php 代码清单: 效果图: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 问题内容: 我正在看这个问题,它是http://hacks.mozilla.org/2011/03/the- shortest-image-uploader-ever/ 的链接,其中包含以下代码: 此跨域请求如何工作?我认为通常有一些安全限制阻止人们这样做。 问题答案: 服务器正在响应,并将Access-Control-Allow-Origin设置为允许跨域请求 http://www.w3.org

  • 问题内容: 我有一个ajax调用到一个php文件。我正在收到结果。现在,我正在研究是否有可能使ajax请求每1秒自动执行一次。我将结果发布到名为的输入字段中。如何每三秒钟执行一次ajax调用而不必调用该函数? 问题答案: 您可能要考虑的是服务器发送事件(SSE) 这是一种HTML5技术,JavaScript可以通过该技术“ 长期轮询 ”服务器端点(您的PHP文件)以查看是否发生了任何更改。长轮询基