1. 爱易网页
  2. AJAX教程
  3. 11.localXHR支持本土使用Ajax

11.localXHR支持本土使用Ajax

日期：2014-05-16　 浏览次数：20646 次

11.localXHR支持本地使用Ajax
Ajax是不能在本地文件系统中使用的，必须把数据放到服务器上。无论是IIS、Apache、 Tomcat，还是你熟悉的其他服务器，
只要支持HTTP协议，就可以使用EXT中的Ajax。
至于本地为何不能用Ajax，主要是因为Ajax要判断HTTP响应返回的状态，只有status=200时才认为这次请求是成功的。
所以，localXHR做的就是强行修改响应状态，让Ajax可以继续下去。
下面我们来分析一下localXHR的源代码。
 > 加入了一个forceActiveX属性，默认是false，它用来控制是否强制使用activex，activex是在IE下专用的。
 > 修改createXhrObject函数，只是在最开始处加了一条判断语句，如下所示:

  1. if(Ext.isIE7?&&?!!this.forceActiveX){throw("IE7forceActiveX");}????

 > 增加了getHttpStatus函数，这是为了处理HTTP的响应状态，如下代码:

    

  1. getHttpStatus:?function(reqObj){??
    2. 

  2. ????var?statObj?=?{??
    3. 

  3. ????????status:0??
    4. 

  4. ????????,statusText:''??
    5. 

  5. ????????,isError:false??
    6. 

  6. ????????,isLocal:false??
    7. 

  7. ????????,isOK:false??
    8. 

  8. ????};??
    9. 

  9. ????try?{??
    10. 

  10. ????????if(!reqObj)throw('noobj');??
    11. 

  11. ????????statObj.status?=?reqObj.status?||?0;??
    12. 

  12. ???
    13. 

  13. ????????statObj.isLocal?=?!reqObj.status?&&?location.protocol?==?"file:"?||??
    14. 

  14. ???????????????????????????Ext.isSafari?&&?reqObj.status?==?undefined;??
    15. 

  15. ???
    16. 

  16. ????????statObj.statusText?=?reqObj.statusText?||?'';??
    17. 

  17. ???
    18. 

  18. ????????statObj.isOK?=?(statObj.isLocal?||??
    19. 

  19. ????????????????????????(statObj.status?>?199?&&?statObj.status?<?300)?||??
    20. 

  20. ?????????????????????????statObj.status?==?304);??
    21. 

  21. ???
    22. 

  22. ????}?catch(e){??
    23. 

  23. ????????//status?may?not?avail/valid?yet.??
    24. 

  24. ????????statObj.isError?=?true;??
    25. 

  25. ????}??
    26. 

  26. ???
    27. 

  27. ????return?statObj;??
    28. 

  28. },??
    29.