js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）

一、总结

2、匿名函数作为参数传递

二、js进阶ajax函数封装

ajax1.js

 1 function ajax(url,funSucc,fnFaild){ //1、以函数作为函数的参数传进来
 2
 3     var xhr=new XMLHttpRequest();
 4
 5     xhr.open('GET',url,true);
 6
 7     xhr.send(null);
 8
 9     xhr.onreadystatechange=function(){
10
11         if (xhr.readyState==4) {
12
13             if (xhr.status==200) {
14
15                 funSucc(xhr.responseText) //2、使用传进来的函数
16
17
18             }else{
19                 if (fnFaild){
20                      fnFaild(xhr.statusText)
21                 }
22
23             }
24         }
25     }
26
27 }

html测试代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>ajax01</title>
 6     <style type="text/css">
 7         div{
 8           background: green;
 9           width: 300px;
10           height: 200px;
11         }
12     </style>
13     <script type="text/javascript" src="ajax1.js"></script>  //1、引入js
14 </head>
15 <body>
16     <input type="button" id="btn" value="测试按钮">
17     <div id="div1"></div>
18     <script>
19     var btn=document.getElementById('btn');
20     var div1=document.getElementById('div1');
21     btn.οnclick=function (){
22         ajax('test1.txt',function(str){ //2、匿名函数作为参数传过去
23             div1.innerHTML=str
24         },function(s){
25             alert(s)
26         })
27     }
28     </script>
29 </body>
30 </html>

转载于:https://www.cnblogs.com/Renyi-Fan/p/9062290.html

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...相关推荐

[ JS 进阶 ] Ajax 详解 (2) ：XHR 实例 GET 和 POST 异步和同步
上一篇文章我们大概知道了XHR对象是什么东东,也都了解了它的一些属性和方法,那么现在具体来实现一下Ajax技术和了解下XHR2对象. 1.实现Ajax 先来创建个XHR对象的实例: var xh ...
【 D3.js 进阶系列】进阶总结
进阶系列的文章从去年10月开始写的,晃眼又是4个多月了,想在年前总结一下. 首先恭祝大家新年快乐.今年是羊年吧.前段时间和朋友聊天,聊到十二生肖里为什么没猫,我张口就道:不是因为十二生肖开会的时候猫迟 ...
JS进阶学习(作用域、函数进阶、解构赋值、原型链)
文章目录 1.面相对象编程介绍 2.ES6中的类和对象 3.类的继承 ES6中的类和对象三个注意点作用域局部作用域全局作用域作用域链 JS垃圾回收机制(GC) JS垃圾回收机制-算法说明闭 ...
JS一起学05：Date对象、封闭空间、函数传参和封装、获取非行间样式、字符串操作
一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1 获取月份 0-11----->1-12 oDate.getDate() 获 ...
好好学python·函数进阶（递归函数，回调函数，闭包函数，匿名函数，迭代器）
函数进阶递归函数回调函数闭包函数特点匿名函数 lambda 表达式迭代器 iter() next() 迭代器的取值方案迭代器取值特点,取一个少一个,直到都取完,最后再获取就会报错检测迭 ...
原生JS写Ajax的请求函数
本文主要介绍了如何通过原生JavaScript封装ajax请求,文中给出了具体的实现代码和详细的解释,希望对你有所帮助. 一.JS原生Ajax ajax:一种请求数据的方式,不需要刷新整个页面: aj ...
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么
js进阶 14-8 表单序列化函数serializeArray()和serialize()的区别是什么一.总结一句话总结:两者都是对表单进行序列化,serializeArray()返回的是json ...
ajax回调方法名使用什么事件,ajax的回调函数和匿名函数
1.什么是js回调函数一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释因为函数实际上 ...
自学JavaScript第二天- JS 进阶: 对象函数
自学JavaScript第二天- JS 进阶: 对象函数对象进阶构造函数使用类类的继承静态方法函数进阶方法装饰器高阶函数 map / reduce filter sort ever ...

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）

一、总结

二、js进阶ajax函数封装

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...相关推荐

最新文章

热门文章