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

 更新时间:2015年11月01日 14:09:27   投稿:mrr  
本文给大家介绍javascript调用传递变量参数的相关问题及解决办法,涉及到js调用传递参数相关知识,对js调用传递参数感兴趣的朋友一起学习吧

举例

有一个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>

相关文章

  • Javascript闭包用法实例分析

    Javascript闭包用法实例分析

    这篇文章主要介绍了Javascript闭包的概念及用法,以实例形式深入浅出的分析了闭包的功能及使用时的注意事项,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • 详解js模板引擎art template数组渲染的方法

    详解js模板引擎art template数组渲染的方法

    art-template 是一个简约、超快的模板引擎。这篇文章主要介绍了详解js模板引擎art template数组渲染的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • bootstrap confirmation按钮提示组件使用详解

    bootstrap confirmation按钮提示组件使用详解

    这篇文章主要为大家详细介绍了bootstrap confirmation按钮提示组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • fckeditor粘贴Word时弹出窗口取消的方法

    fckeditor粘贴Word时弹出窗口取消的方法

    这篇文章主要介绍了fckeditor粘贴Word时弹出窗口取消的方法,是应用fckeditor时非常实用的技巧,需要的朋友可以参考下
    2014-10-10
  • Javascript中的 “&” 和 “|” 详解

    Javascript中的 “&” 和 “|” 详解

    本文主要介绍了Javascript中的 “&” 和 “|” 的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JS深入学习之数组对象排序操作示例

    JS深入学习之数组对象排序操作示例

    这篇文章主要介绍了JS深入学习之数组对象排序操作,结合实例形式详细分析了JavaScript数组对象排序相关实现技巧与操作注意事项,需要的朋友可以参考下
    2020-05-05
  • 实用又漂亮的BootstrapValidator表单验证插件

    实用又漂亮的BootstrapValidator表单验证插件

    这篇文章主要为大家详细介绍了好用又漂亮的BootstrapValidator表单验证插件,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • js密码强度校验

    js密码强度校验

    这篇文章主要介绍了javascript密码强度校验的实现方法,并给出了详细代码,需要的朋友可以参考下
    2015-11-11
  • JS Pro-深入面向对象的程序设计之继承的详解

    JS Pro-深入面向对象的程序设计之继承的详解

    一般的面向对象程序语言,有两种继承方法——接口继承(interface inheritance)和实现继承(implementation inheritance)。接口继承只继承方法签名,而实现继承则继承实际的方法。在JavaScript中,函数没有签名,所以在JavaScript只支持实现继承,而且主要是依靠原型链(prototype chaining)来是实现的
    2013-05-05
  • 微信小程序组件化开发的示例介绍

    微信小程序组件化开发的示例介绍

    虽然小程序在刚推出时是不支持组件化的,但如今小程序开始支持自定义组件开发,下面这篇文章主要给大家介绍了关于微信小程序组件化开发的相关资料,需要的朋友可以参考下
    2023-03-03

最新评论