首页 > Web开发 > 详细

ajax 同步模式与异步模式

时间:2019-01-19 12:46:05      阅读:166      评论:0      收藏:0      [点我收藏+]
<script>

// console.time(‘abc‘)
// for (var i = 0; i < 100000000; i++) {}
// console.timeEnd(‘abc‘)

// console.log(‘begin request‘)
var xhrAsync = new XMLHttpRequest();
// open 方法的第三个参数是 async 可以传入一个布尔值,默认为 true
xhrAsync.open(‘GET‘, ‘time.php‘, true);
console.time(‘async‘);
xhrAsync.send();
console.log(xhrAsync.responseText);
// console.log(‘end request‘)
console.timeEnd(‘async‘);


// 同步模式 ajax 操作会有楞等的情况
// 区别在于 send 方法会不会出现等待情况
// console.log(‘begin request‘)
var xhrSync = new XMLHttpRequest();
// open 方法的第三个参数是 async 可以传入一个布尔值,默认为 true
xhrSync.open(‘GET‘, ‘time.php‘, false);
console.time(‘sync‘);
xhrSync.send();
console.log(xhrSync.responseText);
// console.log(‘end request‘)
console.timeEnd(‘sync‘)

</script>

ajax 同步模式与异步模式

原文:https://www.cnblogs.com/lujieting/p/10291267.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!