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 相关文章推荐
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
浅析用prototype定义自己的方法
Nov 14 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
jQuery学习笔记之回调函数
Aug 15 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
Nov 13 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
canvas绘制折线路径动画实现
May 12 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打造属于自己的MVC框架
2012/03/07 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
CodeIgniter安全相关设置汇总
2014/07/03 PHP
PHP后台微信支付和支付宝支付开发
2017/04/28 PHP
一个实用的php验证码类
2017/07/06 PHP
js+FSO遍历文件夹下文件并显示
2007/03/07 Javascript
Javascript 篱式条件判断
2008/08/22 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
jQuery+css实现炫目的动态块漂移效果
2016/01/28 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
Vue.js 中的 v-cloak 指令及使用详解
2018/11/19 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
详解React项目中碰到的IE问题
2019/03/14 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
Python专用方法与迭代机制实例分析
2014/09/15 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
html5移动端自适应布局的实现
2020/04/15 HTML / CSS
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
移动通信专业自荐信范文
2013/11/12 职场文书
超市采购员岗位职责
2014/02/01 职场文书
员工培训邀请函
2014/02/02 职场文书
社团活动总结
2014/04/28 职场文书
学校欢迎标语
2014/06/18 职场文书
大学生实习证明范本
2014/09/19 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
tensorflow中的数据类型dtype用法说明
2021/05/26 Python
go goth封装第三方认证库示例详解
2022/08/14 Golang