一.同步请求
页面会闪烁的原因:
请求处理后页面需要整体刷新,所以,页面会出现闪烁效果.
二.异步请求,解决页面闪烁问题-原理
请求处理后,页面不需要整体刷新,而是,进行局部刷新.
三.AJax请求状态转变:
在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时,表示响应已就绪:
代码:
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
总结
1.同步查询:如果数据量大的场合,用户等待的时间会变长,所以用户体验效果会非常的差
2.异步查询: 用户希望先看到页面,然后将查询的数据加载效果提示出来
3.异步请求的流程:
- 1.发起同步连接请求,跳转列表页面(无数据展示,只是静态页面展示)
- 2.发起异步ajax请求,加载数据,局部刷新页面