ajax实战案例:$.when .done .fail实现多接口数据回调

简介: ajax实战案例:$.when .done .fail实现多接口数据回调
    /*为多个操作指定回调函数
     先执行两个操作$.getJSON("")和$.getJSON("")
     *如果都成功,运行done()指定的回调函数;
     *如果有一个失败或都失败了,就执行fail()指定的回调函数。
     * */
    var url = 'https://iot.qiaodu.net/**';
    $.when(
            $.getJSON(url + 'api/api.php?act=getArea&token=3cab7ce4142608c0f40c785b5ab5ca24'),
            $.getJSON(url + 'api/api.php?act=getRealTime&token=3cab7ce4142608c0f40c785b5ab5ca24')
    ).done(function (res1, res2) {
        console.log(res1[0].data);
        console.log(res2[0].data);
    }).fail(function (err) {
        console.log(err);
    });


lockdatav Done!

相关文章
|
4月前
|
Web App开发 JSON 前端开发
Ajax实现动态及时刷新表格数据
Ajax实现动态及时刷新表格数据
|
12天前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
27 10
React技术栈-react使用的Ajax请求库实战案例
|
12天前
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
21 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
12天前
|
JSON 前端开发 数据格式
layui 穿梭框transfer组件 数据data用ajax来获取
layui 穿梭框transfer组件 数据data用ajax来获取
23 2
|
4月前
|
XML 前端开发 JavaScript
使用 AJAX 提升网页数据的动态交互
使用 AJAX 提升网页数据的动态交互
|
2月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
【7月更文挑战第13天】在Web开发中,AJAX和Fetch API是实现页面无刷新数据交换的关键。在Flask博客系统中,通过创建获取评论的GET路由,我们可以展示使用AJAX和Fetch API的前端实现。AJAX通过XMLHttpRequest发送请求,处理响应并在成功时更新DOM。Fetch API则使用Promise简化异步操作,代码更现代。这两个工具都能实现不刷新页面查看评论,Fetch API的语法更简洁,错误处理更直观。掌握这些技巧能提升Python Web项目的用户体验和开发效率。
50 7
|
3月前
|
前端开发 Python
Django框架中Ajax GET与POST请求的实战应用
Django框架中Ajax GET与POST请求的实战应用
|
3月前
|
前端开发 JavaScript Java
Spring创建Ajax和接受Ajax数据-spring20
Spring创建Ajax和接受Ajax数据-spring20
|
3月前
|
PHP
php+ajax传file文件数据
php+ajax传file文件数据
32 0
|
4月前
|
JSON 前端开发 数据格式
Ajax传递json数据
Ajax传递json数据