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 相关文章推荐
javascript 贪吃蛇实现代码
Nov 22 Javascript
js 处理URL实用技巧
Nov 23 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
JavaScript闭包相关知识解析
Oct 19 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读取数据库信息的几种方法
2008/05/24 PHP
php反射应用示例
2014/02/25 PHP
YII框架模块化处理操作示例
2019/04/26 PHP
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
仿淘宝JSsearch搜索下拉深度用法
2018/01/15 Javascript
vue实现分页栏效果
2019/06/28 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
2019/12/09 Javascript
vue 中的动态传参和query传参操作
2020/11/09 Javascript
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
Python日期时间对象转换为字符串的实例
2018/06/22 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
python numpy 反转 reverse示例
2019/12/04 Python
python内打印变量之%和f的实例
2020/02/19 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
Linux的主要特性
2014/10/06 面试题
求职信模版
2013/11/30 职场文书
2014庆六一活动方案
2014/03/02 职场文书
宣传普通话标语
2014/06/27 职场文书
行政文员实习自我鉴定范文
2014/09/14 职场文书
廉政承诺书
2015/01/19 职场文书
培养联系人考察意见
2015/06/01 职场文书
廉洁自律证明
2015/06/24 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书