AJax技术

JavaScript调用传递变量参数的相关问题及解决办法

字号+ 作者:H5之家 来源:H5之家 2015-11-03 19:37 我要评论( )

IT学习网是国内以普及电脑技术的学习资料网站,本站历经长期发展已深得广大电脑爱好者的好评和喜爱,为您提供从基础到高端的信息技术学习平台,我们也努力将IT学习

举例

有一个js方法,接收参数:

复制代码 代码如下:
function f1(myValue){ alert(myValue); }

有一个变量:

复制代码 代码如下:
var passValue="Hello World";

在调用这个方法的时候(我是出现在Ajax提交的时候):

@Ajax.ActionLink("文本","控制器",new{参数},new AjaxOptions(){ HttpMethod="post",OnSuccess="f1(PassValue)" })

这里注意最后的OnSuccess,如果直接把变量丢进去,会把变量认为是一个字符串

如果改成OnSuccess="f1("+PassValue+")"也不行

搜了一下是需要转义字符

OnSuccess="f1('"+PassValue+"')"

这样就没问题了

不过上面调用Ajax的时候没注意,这里只是为了给异步调用方法f1()传参数

所以就不用@Ajax了 改成普通A标签就可以了 不然会调用两次控制器

ps:js将方法作为参数调用

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>js调用</title> <script src="cssjs/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $().ready(function () { $.dialog = function (settings) { if ($.isFunction(settings.okCallback)) { if (settings.height == null) { if (settings.okCallback.apply() != false) { alert("1"); } } else { if (settings.okCallback.call(this, settings.height) != false) { alert("2"); } /* if (settings.okCallback.apply(this, arguments) != false) { alert("2"); } */ } } } }); </script> <script type="text/javascript"> $(function () { $.dialog({ okCallback: print, height: {data:"你好"} }); }); function print(ee1) { alert("print(ee1)"); alert(ee1.data); /* alert(ee1.height.data); */ /* function print(a, b, c, d) { alert(a + b + c + d); } function example(a, b, c, d) { //用call方式借用print,参数显式打散传递 print.call(this, a, b, c, d); //用apply方式借用print, 参数作为一个数组传递, //这里直接用JavaScript方法内本身有的arguments数组 print.apply(this, arguments); //或者封装成数组 print.apply(this, [a, b, c, d]); } //下面将显示"背光脚本" example("背", "光", "脚", "本"); */ </script> </head> <body> </body> </html>

标签分类:

js调用传递参数 js参数 上一篇:上一篇:基于Jquery实现万圣节快乐特效
下一篇: 下一篇:javascript跨域总结之window.name实现的跨域数据传输

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jquery插件pagination实现无刷新ajax分页

    jquery插件pagination实现无刷新ajax分页

    2015-11-24 13:01

  • jQuery实现的网页左侧在线客服效果代码

    jQuery实现的网页左侧在线客服效果代码

    2015-11-14 15:48

  • 从内存地址解析Java的static关键字的作用

    从内存地址解析Java的static关键字的作用

    2015-11-03 19:30

  • Ajax技术第2讲 Ajax原理图

    Ajax技术第2讲 Ajax原理图

    2015-10-31 08:04

网友点评
>