美文网首页
2.封装ajax函数

2.封装ajax函数

作者: 梦想秀 | 来源:发表于2016-06-14 20:46 被阅读0次

把第一个里面的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);

                       }

              }

      }

}

相关文章

  • 原生js封装AJAX

    函数封装: 2.封装Ajax

  • 原生js封装AJAX

    函数封装: 2.封装Ajax

  • ajax函数封装

    ajax函数封装 封装一个ajax

  • 2.封装ajax函数

    把第一个里面的ajax封装成一个函数,写在一个JS的文件中,下次再用的时候就直接引用就可以了 如: 就是设置一个函...

  • 微信小程序-ajax的使用和封装

    微信小程序的ajax使用方法: ajax 函数封装 在我们做项目的时候,为了方便复用,需要封装ajax函数方便随时...

  • js 原生ajax的封装

    概念 ajax是前端常用技术,今天用原生js封装了一个ajax函数,类似于jquery库的$.ajax()函数,大...

  • ajax函数封装

    //ajax封装/obj={type: 提交方式 string "",url: 请求道服务器路径 ...

  • AJAX封装函数

    用ajax的局部刷新来给网站提升用户体验我们已经用过很多了,ajax已然成为了前端开发最重要的“工具”之一。 但是...

  • AJAX 函数封装

    封装函数,采用面向对象的形式封装,用函数包裹,防止空间浪费,函数附带转码功能 自调用函数(function( ){...

  • Ajax 函数封装

    ajax 是前端数据交互的重要知识,想做好数据交互就一定要对ajax深入理解.并且熟练运用.在这里,封装一下aja...

网友评论

      本文标题:2.封装ajax函数

      本文链接:https://www.haomeiwen.com/subject/dsmudttx.html