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

11.localXHR支持本土使用Ajax

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

getHttpStatus:?function(reqObj){??
????var?statObj?=?{??
????????status:0??
????????,statusText:''??
????????,isError:false??
????????,isLocal:false??
????????,isOK:false??
????};??
????try?{??
????????if(!reqObj)throw('noobj');??
????????statObj.status?=?reqObj.status?||?0;??
???
????????statObj.isLocal?=?!reqObj.status?&&?location.protocol?==?"file:"?||??
???????????????????????????Ext.isSafari?&&?reqObj.status?==?undefined;??
???
????????statObj.statusText?=?reqObj.statusText?||?'';??
???
????????statObj.isOK?=?(statObj.isLocal?||??
????????????????????????(statObj.status?>?199?&&?statObj.status?<?300)?||??
?????????????????????????statObj.status?==?304);??
???
????}?catch(e){??
????????//status?may?not?avail/valid?yet.??
????????statObj.isError?=?true;??
????}??
???
????return?statObj;??
},??
getHttpStatus: function(reqObj){     var statObj = {         status:0         ,statusText:''         ,isError:false         ,isLocal:false         ,isOK:false     };     try {         if(!reqObj)throw('noobj');         statObj.status = reqObj.status || 0;           statObj.isLocal = !reqObj.status && location.protocol == "file:" ||                            Ext.isSafari && reqObj.status == undefined;           statObj.statusText = reqObj.statusText || '';           statObj.isOK = (statObj.isLocal ||                         (statObj.status > 199 && statObj.status < 300) ||                          statObj.status == 


                        <div class="clearfix"></div>
                    </div>
                    <nav aria-label="...">
                        <ul class="pager">
                            <li class="previous"><a href="4656">上一篇： ExtJs怎么实现页面跳转 </a></li>

                            <li class="next"><a href="2507">下一篇： DWR的诠释(annotations)使用及反向调用(Reverse Ajax) </a></li>
                        </ul>
                    </nav>


                    <div class="alert alert-warning" role="alert">
                        <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
                    </div>

                    

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/ajaxjc/">更多></a></span></h3>
    </div>
    <div class="panel-body row">
        <ol>

            
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/2291' title=' struts2运用ajax ' target="_blank">
                         struts2运用ajax </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/1128' title=' Ext ajax下传文件 ' target="_blank">
                         Ext ajax下传文件 </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/4235' title=' jquery 限制显示字数 ，多余的用.代替 IE 正常 firfox 只显示. ' target="_blank">
                         jquery 限制显示字数 ，多余的用.代替 IE 正常 firfox 只显示. </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/480' title=' ajax菜鸟求教各位大侠 ' target="_blank">
                         ajax菜鸟求教各位大侠 </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/3464' title=' 刚开发的一个用ajax实现的分页以及自动刷新图片处理程序解决思路 ' target="_blank">
                         刚开发的一个用ajax实现的分页以及自动刷新图片处理程序解决思路 </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/848' title=' ajax 在本土测试ok，传到服务器获取的居然是别的页面的东西 ' target="_blank">
                         ajax 在本土测试ok，传到服务器获取的居然是别的页面的东西 </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/518' title=' Ajax 如何解决跨域有关问题？ ' target="_blank">
                         Ajax 如何解决跨域有关问题？ </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/228' title=' ajaxSubmit在ie10下无效,该如何解决 ' target="_blank">
                         ajaxSubmit在ie10下无效,该如何解决 </a></li></div>
                   
                
                  <div class="col-md-6 col-xs-12">
                      <li class="articleAbout"><a href='/ajaxjc/2805' title=' 用ajax兑现检测注册用户名是否重复的完整例子（一） ' target="_blank">
                         用ajax兑现检测注册用户名是否重复的完整例子（一） </a></li></div>
                   
                
        </ol>
    </div>
</div>


                </div>

                <div class="col-lg-4 hidden-sm hidden-xs">
                    <!--右边的内容-->
                    <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/host/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/hostTest15dayCdn.png" alt="香港全能空间 免费试用15天，送网站加速30M" /></a>

                    <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script>
                    <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script>
                    <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script>
                    
<div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/ajaxjc/">更多></a></span></h3>
      </div>
      <div class="panel-body">
          <ol>
        
                       <li class="articleAbout"><a href=/ajaxjc/3916  title=' 为何panel中TextMode=MultiLine的textbox中 光标无法上下移动，只能左右移动？ ' target="_blank">
                             为何panel中TextMode=MultiLine的textbox中 光标无法上下移动，只能左右移动？ </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/153  title=' ajaxSubmit上传文件出现下载提示框有关问题的解决办法和分析 ' target="_blank">
                             ajaxSubmit上传文件出现下载提示框有关问题的解决办法和分析 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/3879  title=' Ajax局部更新日期时间报错,该怎么解决 ' target="_blank">
                             Ajax局部更新日期时间报错,该怎么解决 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/4226  title=' jquery下拉年 ' target="_blank">
                             jquery下拉年 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/1703  title=' Ajax引见（用户注册验证） ' target="_blank">
                             Ajax引见（用户注册验证） </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/2792  title=' Ajax入门范例-HelloWorld附源码详细注释 ' target="_blank">
                             Ajax入门范例-HelloWorld附源码详细注释 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/2022  title=' ajax的登录印证 ' target="_blank">
                             ajax的登录印证 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/65  title=' 判断request来源于Ajax请求(异步)还是传统请求(同步) ' target="_blank">
                             判断request来源于Ajax请求(异步)还是传统请求(同步) </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/3499  title=' Ajax怎么解决浏览器的前进后退功能 ' target="_blank">
                             Ajax怎么解决浏览器的前进后退功能 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/3163  title=' 第一次搞ajax。在线急等有关问题的解决 ' target="_blank">
                             第一次搞ajax。在线急等有关问题的解决 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/3132  title=' 给Ajax一个漂亮的嫁衣——Ajax系列之五（上）之序列化和反序列化 ' target="_blank">
                             给Ajax一个漂亮的嫁衣——Ajax系列之五（上）之序列化和反序列化 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/2806  title=' 用ajax兑现检测注册用户名是否重复的完整例子（二） ' target="_blank">
                             用ajax兑现检测注册用户名是否重复的完整例子（二） </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/4595  title=' js或ajax跨域读取xml，不用自己服务器代理就没有解决方法了吗？ ' target="_blank">
                             js或ajax跨域读取xml，不用自己服务器代理就没有解决方法了吗？ </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/1761  title=' jquery进展ajax请求时中文乱码 ' target="_blank">
                             jquery进展ajax请求时中文乱码 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/2462  title=' AJAX学习札记1 ' target="_blank">
                             AJAX学习札记1 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/4168  title=' jquery ajax ' target="_blank">
                             jquery ajax </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/432  title=' Ext中两个下拉框联动并设置默认值解决办法 ' target="_blank">
                             Ext中两个下拉框联动并设置默认值解决办法 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/3728  title=' jquery异步提交表单的有关问题 ' target="_blank">
                             jquery异步提交表单的有关问题 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/1042  title=' ajaxSubmit,对象不支持此属性或方法是啥有关问题 ' target="_blank">
                             ajaxSubmit,对象不支持此属性或方法是啥有关问题 </a></li>
                    
                       <li class="articleAbout"><a href=/ajaxjc/2114  title=' 非 ajax级联上拉框 ' target="_blank">
                             非 ajax级联上拉框 </a></li>
                    
            </ol>
      </div>
</div>

                </div>
            </div>
            <div class="clearfix"></div>

            
    <footer class=" footer navbar-bottom">
<em>友情链接：</em>
    
      <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a>            
    
      <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a>            
    
<br />
<script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script>


 

Copyright © 2013-2024 爱易网页 当前在线：636人　
        网站在1分15秒内访问总人数：636人
    当前 51.97%
　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script>




</footer>


        </div>
   
</body>
</html>