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


Posted in Javascript onNovember 01, 2015

举例

有一个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 相关文章推荐
jquery 回车事件实现代码
Aug 23 Javascript
JS+css 图片自动缩放自适应大小
Aug 08 Javascript
AngularJS向后端ASP.NET API控制器上传文件
Feb 03 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
微信小程序之电影影评小程序制作代码
Aug 03 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
layui table设置前台过滤转义等方法
Aug 17 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 Javascript
javascript跨域总结之window.name实现的跨域数据传输
Nov 01 #Javascript
《JavaScript高级编程》学习笔记之object和array引用类型
Nov 01 #Javascript
JS实现的论坛Ajax打分效果完整实例
Oct 31 #Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 #Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 #Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 #Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
Oct 31 #Javascript
You might like
一些常用的php简单命令代码集锦
2007/09/24 PHP
php 的加密函数 md5,crypt,base64_encode 等使用介绍
2012/04/09 PHP
10个简化PHP开发的工具
2014/12/25 PHP
php中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
让table变成exls的示例代码
2014/03/24 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
JS定时器用法分析【时钟与菜单中的应用】
2016/12/21 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
用vue设计一个日历表
2020/12/03 Vue.js
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
浅析python递归函数和河内塔问题
2017/04/18 Python
python机器学习之随机森林(七)
2018/03/26 Python
python移位运算的实现
2019/07/15 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
HTML5文档结构标签
2017/04/21 HTML / CSS
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
2014年国庆节演讲稿
2014/09/19 职场文书
社区党员干部承诺书
2015/05/04 职场文书
2016年大学生党员公开承诺书
2016/03/24 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang