js中回调函数

最新推荐文章于 2024-02-14 00:00:00 发布
最新推荐文章于 2024-02-14 00:00:00 发布
阅读量328 收藏 1
点赞数
分类专栏： Javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/birdflyto206/article/details/50858739
版权 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="../js/jquery-1.8.1.min.js"></script>
</head>
<body>

    <input type="button" id="ok" value="click me"/>

    <script type="text/javascript">
        //封装Ajax
        var ajaxObj = {
            xmlhttpresquest: '',
            getXMLHttpRequest: function () {
                var xmlHttp;
                try{
                    xmlHttp = new XMLHttpRequest();//FireFox,Opera 8.0,Safari
                } catch (e) {
                    try{
                        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");//IE
                    }
                    catch (e) {
                        try{
                            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {

                        }
                    }
                }

                return xmlHttp;
            },

            post: function (ajaxJson) {
                ajaxObj.xmlhttpresquest = ajaxObj.getXMLHttpRequest();
                ajaxObj.xmlhttpresquest.onreadystatechange = function () {
                    if (ajaxObj.xmlhttpresquest.readyState == 4) {//响应完毕
                        if (ajaxObj.xmlhttpresquest.status == 200) {//成功响应
                            //回调函数
                            ajaxJson.callback(ajaxObj.xmlhttpresquest.responseText);
                        }
                    }
                }
                ajaxObj.xmlhttpresquest.open(ajaxJson.method, ajaxJson.url, true);
                ajaxObj.xmlhttpresquest.send(ajaxJson.data);
            }

        };

        window.onload = function () {
            document.getElementById('ok').onclick = function () {
                ajaxObj.post({
                    method: 'post',
                    url: 'Handler1.ashx',
                    data: 'name=wj',
                    callback: function (data) {
                        alert('回调函数：'+data);
                    }
                });
            }
        }

    </script>
</body>
</html>
King.W.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中回调函数的学习笔记
12-12
回调函数是什么在学习之前还真不知道js回调函数怎么使用及作用了，下面本文章把我在学习回调函数例子给各位同学介绍一下吧，有需了解的同学不防进入参考。 回调函数原理： 我现在出发，到了通知你” 这是一个异步的...
对js中回调函数的一些看法
11-23
JavaScript中的回调函数是一种基本的异步编程机制，它在处理异步操作时起着至关重要的作用。回调函数的原理是将一个函数作为参数传递给另一个函数，在被调用的函数执行完毕后，由它来调用传入的函数。这种模式在...
JS中的 回调函数（callback）
热门推荐
weixin_47075145的博客
07-13 7万+
目录1.什么是回调函数（callback）呢？2.回调函数有哪些特点？3.回调函数中this的指向问题4.为什么要用到回调函数？5.回调函数和异步操作的关系是什么？回调函数是异步么？把函数当作一个参数传到另外一个函数中，当需要用这个函数是，再回调运行()这个函数.回调函数是一段可执行的代码段，它作为一个参数传递给其他的代码，其作用是在需要的时候方便调用这段（回调函数）代码。（作为参数传递到另外一个函数中，这个作为参数的函数就是回调函数）理解：函数可以作为一个参数传递到另外一个函数中。 分析：add(1,
[JS]回调函数例子
stay hungry stay foolish
04-30 3298
回调函数 每一个异步任务返回一个Promise对象，该对象有一个then方法，允许指定回调函数
js回调函数的使用
Elltor
08-30 3627
在第一次学js的时候，很多人估计对回调函数很蒙，今天有空梳理总结下回调函数，算是一次学习，算是一次总结，也算是一次分享。 回调函数执行流程 说明：fun是被调用的函数，在调用fun函数时传递一个被回调的函数callback，1、2、3、4为执行步骤，箭头指向为调用。 执行流程： 1）在代码中，fun首先被执行 2）fun函数执行，js的执行转移到fun函数内部，fun函数内部的语句从上往下执行 3）在fun函数中调用callback 4）在调用fun函数时传入的函数（callback）被执行 5）执行ca
JS中什么是回调函数？
fang_my的博客
03-21 1万+
对于刚学JS的初学者来说（包括我现在的自己），对于这个回调函数真的是踩坑无数，于是乎想作为一个淋过雨的人，想为后面刚入门的人打一把伞。 本文不会用专业的知识词汇，只会用口语来简单让你有一个概念帮你浅浅的理解这个名词，如果你是一个学习JS刚遇到这个名词，正处于一脸懵逼的状态，那么本文对于会有帮助，但如果你想要研究更深层次的原理,用法和含义，可能本文不适合你。 废话不多说，让我们先看MDN的解释。 这段话，首先我们要搞懂一个东西，什么是实参。 我们都知道，函数可以接受参数，形参和实参。那么什么是
JS中回调函数的三种写法！
ZWMLLL的博客
05-25 6927
//第一种---------------------------------------- function parent(str,callback) { console.log(str); callback(); } function son() { console.log("执行了回调函数！"); } //先定义一个回调函数son，再把回调函数名son传进去 parent("先执...
js回调函数
m0_68997646的博客
10-16 1180
javascript函数回调
javascript中回调函数的理解和应用
m0_45093055的博客
04-09 1956
一. 什么是回调函数？ 被作为实参传入另一函数，并在该外部函数内被调用，用以来完成某些任务的函数，称为回调函数。 function f1(fn) { let a =1; console.log(a,'a') fn() } f1(function() { console.log('callback') // 1,'a' callback }) 和普通传参不同的是，回调函数作为实参在一个函数中传递并调用 二. 回调函数的特性 引用调用 调用的位置可以在作为实参传递的那
【JavaScript】回调函数
最新发布
好久不见的流星
02-14 1202
回调函数是在一个函数执行完毕后，通过参数传递给另一个函数并在后者执行的函数。通常，回调函数用于处理异步操作、事件处理、定时器等场景。// 模拟异步操作}, 1000);在上述例子中，fetchData函数模拟了一个异步操作，它接受一个回调函数作为参数。当异步操作完成后，回调函数被调用并处理了获取到的数据。回调函数是 JavaScript 中异步编程的基础，它允许我们在一个操作完成后执行特定的逻辑。无论是作为函数参数还是匿名函数，回调函数在处理事件、定时器、异步请求等场景中都发挥着关键作用。
javascript回调函数详解
07-20 8296
<script type="text/javascript"> function add(a, b, fun) { let sum = a + b; fun(sum); } function log(sum) { document.write("我是方法1,拿到的数字是:" + sum+"</br>") } //方法1 add(2, 3, log) //方法2: 内嵌函数方法: add(2, 3, function (su.
js中的回调函数
张凯杰扽博客
12-20 5741
关于js回调函数，自己之前了解过，但是概念不是很清晰了，这里重新找几篇博客回顾一下概念，整理的感觉比较好的几个博客的总结的概念。方便复习。 s中的回调函数的理解：回调函数就是传递一个参数话函数，就是将这个函数作为一个参数传到另外一个主函数里面，当那个主函数执行完之后，再执行传递过去的函数，**走这个过程的参数化的函数，就叫回调函数，**换个说法也就是被作为参数传递到另一个函数（主函数）的那个函数就叫做回调函数。 回调函数：函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b。那么这个过程就叫回
浅析JS中回调函数及用法
10-18
回调函数在JavaScript中是一种常见的处理异步操作的方式。在JavaScript中，由于其单线程的特性，为了执行耗时的任务（如网络请求、定时任务等）而不阻塞主线程，通常会采用异步编程。回调函数就是实现异步操作的核心...
js异步变同步小技巧-递归
KingW
05-22 1万+
在写js的时候，很多时候都会遇到异步转同步的问题。比如：从服务器端返回一个集合数据，在遍历集合的时候，又要异步去请求别的数据，但是for循环必须在同步的情况下执行。这时候，怎么办？解决这种问题的办法可能会有很多。但是，现在介绍一个最简单，也最容易理解的方法，那就是递归。例如：从服务端返回一个数组：paramsfor(var i =0 ; i < params.length; i++){ //
JQuery读取本地Json文件
KingW
06-22 1万+
1.虽说是读取本地json文件，但是必须将本地json文件发布到一个服务器中，如：iis服务器。2.json文件的属性或者属性值，如果是字符串的话必须使用双引号，否则JQuery的getJSON函数解析不出正确的json，导致回调函数不执行，浏览器还不会报错。这就比较尴尬了。3.读取json就很简单了，使用JQuery的getJSON函数 $(function () { $.g
自己封装ajax
KingW
06-07 2561
/** 全局ajax对象 */ var ajax = new Object(); var ajaxCore = null;/** * @see 创建ajax核心对象,兼容浏览器有：IE6,7,8,9，谷歌，火狐，欧朋，360极速，360安全，苹果，搜狗，遨游，猎豹，腾讯 * @return XMLHttpRequest */ ajax.getCore = function() { va
Js事件详解（1）事件类型及几种添加事件处理程序的方法
KingW
07-29 2259
js中的事件早期的事件流的两种解决方案：1.IE：事件冒泡流 即事件开始时由最具体的元素（DOM中层次最深的那个节点）接收，然后逐级向上传播到较为不具体的节点（文档）–自下向上。所有现代的浏览器都支持事件冒泡。2.Netscape Communicator：事件捕获流。 与IE团队提出的事件冒泡流刚好相反。由不太具体的节点到具体的节点传播。这么做的目的：在事件到达预定的目标之前捕
Js函数对象与普通对象的区别
KingW
11-18 1266
function Test(word) { console.log(word); } // 里面的this是顶级对象window，返回值是undefined。 // Test('哈哈，我是函数'); // 它会先new一个对象，置类型为Test，之后把它作为this执行Test函数，最后再把对象返回。 // new Test('哈哈，我是对象'); // 将以上的调用方式换种通俗易懂的方式 // Test.call("哈哈，我是...
js中通过原型实现继承
KingW
03-11 913
function Person() { } function Student() { } //alert(Person.prototype);//Object Person.prototype.name = function () { alert('name'); } Pers
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值