ajax回调函数参数传递正确方法

2016-02-19 10:08 55 1 收藏

每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情还，闲暇的时间怎么打发，关注图老师可以让你学习更多的好东西，下面为大家推荐ajax回调函数参数传递正确方法，赶紧看过来吧！

【 tulaoshi.com - Web开发】

属性方法是可以带参数:
代码如下：

function ClassX(name) {
this.name = name;
ClassX.prototype.show = function (param) {
alert(this.name + " " + param);
};
}
var o = new ClassX("name");
o.show("param");//name param

但是，上面是虽然是直接在函数签名中定义了参考，如果不是自己调用o.show('param')时，而是通过其他函数回调传入时，就不一定好使了，因为别人在调用此方法时不一定给你传入此参，比如在使用ajax时

request.onreadystatechange=function(param){...}

或

request.onreadystatechange=callBack;function callBack(param){...}

时就不好使了，因为此时ajax根本就没有给你传递param参数，正确做法形如：
代码如下：

//request.onreadystatechange = orgEval;//错误作法

//request.onreadystatechange = function (request, pOrgName) {//错误作法
// orgEval(request, pOrgName);
//};

//...
request.onreadystatechange = function () {//正确作法
orgEval(request, pOrgName);//在匿名函数内调用回调实现，并直接传入参数，这里用到了JavaScript的闭包性质
};
//...

function orgEval(req, orgName){
//...
}

这样通过在匿名函数内调用回调实现函数，并且直接传入参数即可。

ajax传递参数给onreadystatechange的回调函数

这几天开始学习ajax，其中自己做试验页面时有了传参数给XMLHttpRequest.onreadystatechange的回调函数这个需求。如是baidu了下，发现说到这个的人不少啊。搜来的办法大概是这样：

xmlHttp.onreadystatechange=function(){callback(a,b);};

其中就传递了a和b两个参数。

后来我又自己发现了个方法，方法知道的人肯定很多，不过我在baidu上没搜到，这里就写出来，推广下咯。

代码如下：

xmlHttp.a=a;
xmlHttp.b=b;
xmlHttp.onreadystatechange=callback;
.
.
function callback()
{
    if(this.readyState==4)
    {
        a=this.a;
        b=this.b;
    .
    }
}

也就是给xmlHttp对象增加两个属性，在回调函数中直接用this调用那两个属性。

另外说点自己的小经验，xmlHttp最好要写成全局变量，我一开始发现总有些请求没达到目的。后来才发现是把xmlHttp写在了一个函数里面，当那个函数运行完了，xmlHttp生命周期也结束了。这样有些请求在生命周期结束之前就实现了，而有些请求就没了。

来源:http://www.tulaoshi.com/n/20160219/1593507.html

上一篇： android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)
下一篇： JavaScript进阶教程(第四课第一部分)

看过《ajax回调函数参数传递正确方法》的人还看了以下文章更多>>

C/C++中回调函数初探

标签：编程语言网络编程

简介对于很多初学者来说，往往觉得回调函数很神秘，很想知道回调函数的工作原理。本文将要解释什么是回调函数、它们有什么好处、为什么要使用它们等等问题，在开始之前，假设你已经熟知了函数指针。什么是回调函数？简而言之，回调函数就是一个通过函数指针调用的函数。假如你把函数的指针（地址）作为参数传递给另一个...

回调函数与Delphi的事件模型

标签： Delphi

回调函数：回调函数是这样一种机制：调用者在初始化一个对象（这里的对象是泛指，包括OOP中的对象、全局函数等）时，将一些参数传递给对象，同时将一个调用者可以访问的函数地址传递给该对象。这个函数就是调用者和被调用者之间的一种通知约定，当约定的事件发生时，被调用者（一般会包含一个工作线程）就会按照回调函数地址调...

程序间参数传递

标签：编程语言网络编程

风花雪月 e梦情缘网络代号:wnhoo or sos_admin 网名:e梦缘 Mail: wnhoo@163.com 功能：第一次執行的時候…會開啟project1.exe 第二次執行的時候…不開啟project1.exe(因程式已執行)…但会将參數會丟給已執行的project1.exe 第3次執行的時候…不開啟project1.exe(因程式已執行)…但会将參數會丟...

$.ajax json数据传递方法

标签： Web开发

前台代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title无标题页/title style type="text/css" .show{ display:block;} .hide{ display:none;} /style script type="text/javascript" s...

C/C++中多维数组的指针作为函数参数传递!

标签：编程语言网络编程

/*程序作者:管宁站点:www.cndev-lab.com 所有稿件均有版权,如要转载,请务必闻名出处和作者*/ #include stdio.h main() { void search_score(); /* 定义自定义涵数类型为不返回型 */ void count_avg(); /* 定义自定义涵数类型为不返回型 */ static float a[3][4]={{97,45.5,66,77},{88,92.5...

查看更多精彩>>