1. 问题分析javascript
用户管理显示页面:usermanagement.tpl(也能够说是MVC中的V,即视图)php
用户管理数据发送页面:usermanagement.php(也能够说是MVC中的M,即模型)java
获取用户所在队列的执行,须要一个参数即:username。本来想的是在数据发送页面usermanagement.php中直接用命令执行,而后再将结果发送到显示页面,这样原理上是可行的,可是地理所的用户有70多人,也就是说我要70多人所有执行完毕以后个人页面才能显示出来,这里的处理方式是同步的,也就是说结果不返回是不能看到页面的,这样致使的结果是:页面直接卡死,即便能出来,正常人也根本等不了,由于一条命令执行得三、4秒钟,谁受得了。ajax
实际可行的解决方式是:采用ajax异步请求,重点在异步,我利用用户名处理的逻辑不在usermanagement.php中,而是转移到了usermanagement_show_queues.js中,针对加载完的页面,每一行表明一个用户,逐行读取,也就是说会逐行启动ajax去服务器端请求结果,因为是异步的页面会正常显示,也不会影响其它的事件。服务器
2. ajax代码异步
$().ready(function(){ $('#userlist_table tr').each(function(i,item){ if(i>1){ $.ajax({ url:'../csm/showuserqueue-ajax.php', type:'GET', data:'username='+ $(this).children().eq(2).text(), dataType:'text', success:function(data){ $('#userlist_table tr').eq(i).children().eq(8).text(data); }, error:function(XMLHttpRequest, textStatus, errorThrown){ alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); } }); });
3. 代码解析学习
这里须要注意的是:$('#userlist_table tr').each()会逐行遍历表格的,后面function(i,item)中i表明的就是表格某一行的id。this
success中:$('#userlist_table tr').eq(i).children().eq(8).text(data); 我刚开始的时候采用的是:$(this).children().eq(8).text(data);这样根本显示不出来,并且在firebug中监控中显示:$('......') undefined , 这才想到用前面的方式来写,是标记不到吗?url
4. 实现效果图spa
1、页面加载完后,发送异步请求
2、请求结果返回后,显示在页面上
经过这个我对ajax的异步有了更深的了解,明白了何时用异步何时用同步。哈哈,加油,坚持天天的学习!!