[APICloud | APP 开发技巧] api.ajax 请求耗时测试用例

[APICloud]

很多开发者对 api.ajax 请求效率存在疑问，移动应用开发平台 APICloud 为大家提供了较为公正的测试代码，通过 api.ajax 和标准的 XMLHttpRequest 请求同一个 url 进行对比：

1. //当前系统时间戳，毫秒
2. function curtime(){
3. return new Date().getTime();
4. }
6. var ajaxurl = 'http://www.w3school.com.cn/ajax/demo_get.asp';
7. //api.ajax 请求，无跨域问题
8. function GetRequest(){
9. var starttime = curtime();
10. api.ajax({
11. url: ajaxurl,
12. dataType:'text',
13. cache: true
14. }, function (ret, err) {
15. if (ret) {
 16.                                         alert('用时：' + (curtime() - starttime) + "毫秒\n 请求结果：\n" + JSON.stringify(ret));
16. } else {
17. alert('出错了！\n' + '网络状态码:' + err.statusCode + '\n 错误码:' + err.code + '\n 错误信息:' + err.msg);
18. }
19. });
20. }
22. //标准 XMLHttpRequest，可能会有跨域问题
 24.                 function GetXmlRequest(){
23. var starttime = curtime();
24. var xhr = new XMLHttpRequest();
25. xhr.onreadystatechange = function(){
26. if(xhr.readyState == 4){
27. if(xhr.status == 200){
28. alert('用时：' + (curtime() - starttime) + "毫秒\n 请求结果：\n" + xhr.responseText);
29. }else{
30. alert('请求失败：\n 状态码：' + xhr.status + "\n 结果：" + xhr.responseText);
31. }
32. }
33. }
34. xhr.open('GET', ajaxurl, true);
35. xhr.send(null);
36. }

复制代码

通过弹出的对话框可以很明显的看出，在同样网络环境下，两者并无差别，在许多内部业务的服务器场景下，api.ajax 甚至更快。上述代码由移动应用开发平台 APICloud 开发者“常山赵子云”原创提供，欢迎转载和使用！