Javascript基于AJAX回调函数传递参数实例分析_javascript技巧

本文实例讲述了Javascript基于AJAX回调函数传递参数的方法。分享给大家供大家参考,具体如下:

前面介绍了《javascript实现html页面之间参数传递的四种方法》,这里针对ajax参数传递做一分析。

在Javascript 中,特别是在AJAX中,回调函数常常是一个函数名,没有地方放入参数,如下面的AJAX代码,在成功后将调用回调函数callback,但callback是有参数的,如何把参数传进来呢?

var callback = function(p1){
  //do something
}
var ajaxSetting = {
   url: url,
   timeout:me.timeout,
   type: method,
   contentType: "application/json",
   dataType: "json",
   cache: false,
   async: async,
   data: p_data,
   success: callback
   },
   error: function(p_request, p_status, p_err) {
   }
};

解决的办法是利用匿名函数:

success: function(result){
   callback(p1_actual);
}

其中pa_actual是已知的参数,可以是function类型。

希望本文所述对大家JavaScript程序设计有所帮助。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, ajax
, 回调函数
, 传递参数
, ajax回调函数
Javascript传递参数
ajax回调函数参数传递、javascript ajax实例、ajax传递json对象实例、javascript 回调函数、javascript 回调,以便于您获取更多的相关知识。

时间: 2024-10-18 13:20:33

Javascript基于AJAX回调函数传递参数实例分析_javascript技巧的相关文章

php函数与传递参数实例分析_php技巧

本文实例讲述了函数的调用与函数定义语法,并讲解了关于函数中的变量以及向函数传递数值方法.分享给大家供大家参考.具体如下: 一.函数的基础 php提供了大量的函数,并且允许用户自定函数,php函数定义实例代码如下: 复制代码 代码如下: <?php function myCount($inValue1,$inValue2) {   $AddValue = $inValue1+$inValue2;   return $AddValue;     //返回计算结果 } $Count = myCount

ajax级联菜单实现方法实例分析_javascript技巧

本文实例讲述了ajax级联菜单实现方法.分享给大家供大家参考,具体如下: 效果如下: 选择第一项,第二项.第三项的内容跟着改变. 选择第二项,第三项的内容跟着改变. 第三项则不影响第一项和第二项. 有几点值得提: 1.html到底是前台拼接还是后台拼接. 我选择的是前台拼接,这样可以节省流量,和后台的资源.这也比较符合程序处理,一般后台只负责提供数据. 通过json传递给前台,完了前台获取进行处理. ajax函数 function ajaxgetbigclass(val){ $.ajax({ t

javascript性能优化之DOM交互操作实例分析_javascript技巧

本文实例讲述了javascript性能优化之DOM交互操作技巧.分享给大家供大家参考,具体如下: 在javascript各个方面,DOM毫无疑问是最慢的一部分.DOM操作与交互要耗费大量时间,因为它们往往需要重新渲染整个页面或者某一部分.理解如何优化与DOM的交互可以极大提高脚本完成的速度. 1.最小化DOM更新 看下面例子: var list = document.getElementById("ul"); for (var i=0; i < 10; i++){ var ite

JS使用JSON作为参数实例分析_javascript技巧

本文实例讲述了JS使用JSON作为参数的用法.分享给大家供大家参考,具体如下: function getAjaxData(urlstr, callback_func, options){ var myurl = AJAX_HEADER + urlstr + AJAX_TAIL; var isAsync = true;//初始化是否同步的属性设置 var nTimeout = AJAX_TIMEOUT;//初始化请求超时的数据 var errorCallback = null; //利用JSON对

JS自定义选项卡函数及用法实例分析_javascript技巧

本文实例讲述了JS自定义选项卡函数及用法.分享给大家供大家参考.具体如下: 这里分享一个JS选项卡函数附带演示效果,选项卡函数参数调用说明: cmd:点击元素集合 con:显示容器集合 evt:触发事件 css:为当前点击元素的样式名称 index:为默认显示第几项的索引值 目前选项卡的样式还比较简洁和粗糙,想用的自己动动手美化一下. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-zdy-tab-cha-fun-style-codes/

javascript中Array数组的迭代方法实例分析_javascript技巧

本文实例讲述了javascript迭代的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: //filter() 利用指定的函数确定是否返回数组中包涵的某一项 var num = [1,2,3,4,5,6,12]; num.filter(function(item, index, array){ return (item > 2); //[3, 4, 5, 6, 12] }); //map() 返回一个数组,数组中每一项都是在原始数组中的对应项上运行传入参数的结果 var nu

JS匿名函数类生成方式实例分析_javascript技巧

本文实例讲述了JS匿名函数类生成方式.分享给大家供大家参考,具体如下: <script type="text/javascript"> var Book = (function() { // 私有静态属性 var numOfBooks = 0; // 私有静态方法 function checkIsbn(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true;

JavaScript对数字的判断与处理实例分析_javascript技巧

本文实例讲述了JavaScript对数字的判断与处理技巧.分享给大家供大家参考.具体分析如下: Javascript多态的属性是非常爽的,一个var就不用记这么多奇怪的变量,然而,有时候你会困惑,为何,我明明是对两个数进行相加处理,可是结果却被当作字符串加起来呢?这就是Javascript的var不好的地方,它不像php,用一个.来指明这是字符串的连接.这是你需要parseFloat来明确指明这个var是数.需要用isNaN来判断这是不是数.isNaN(一个被判断的var)的时候,结果为真那么它

javascript中innerText和innerHTML属性用法实例分析_javascript技巧

本文实例讲述了javascript中innerText和innerHTML属性用法.分享给大家供大家参考.具体分析如下: 几乎所有DOM元素都有innerText,innertHTML属性(注意大小写),分别是元素标签内 的文本表示形式和HTML源代码,这两个属性是可读可写的 innerHTML也可以取代createElement,属于简单,粗放型,后果自负的创建 <html xmlns="http://www.w3.org/1999/xhtml"> <head>