2.封装ajax函数

把第一个里面的ajax封装成一个函数,写在一个JS的文件中,下次再用的时候就直接引用就可以了 如:   <script src="ajax.js" ...></script>

就是设置一个函数 ,在里面传入参数:url : 设置访问路径,就是原来的"test.txt";

                                    传入一个函数 succFn() : 返回 test.txt里面的内容

function ajaxFn(url,succFn){

          if(window.XMLHttpRequest){

                   ajaxObj = new XMLHttpRequest();

       }else{

               ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");           

}

      ajaxObj.open("GET",url,true);

      ajaxObj.send();

     ajaxObj.onreadystatechange = function(){

               if(ajaxObj.readyState == 4){

                     if(ajaxObj.status>=200 && ajaxObj.status<300 || ajaxObj.status==404){

                            //alert(ajaxObj.responseText);  //jianjian karry

                                succFn(ajaxObj.responseText);

                       }

              }

      }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,264评论 0 7
  • 1.语言基础2.严格模式3.js组成(ECMAScript DOM BOM)4.各种(DOM BOM)例子5.组件...
    蒲公英_前端开发者阅读 1,558评论 0 3
  • HTML HTML5标签 媒体查询head部分写法 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义...
    Mayo_阅读 664评论 0 8
  • AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ? AJAX = ...
    逍遥叹6阅读 264评论 0 0
  • 要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就...
    亲爱的翔子阅读 499评论 0 0