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 ajax cache缓存问题
Jul 01 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
详解Bootstrap glyphicons字体图标
Jan 04 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
Mar 02 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 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设计模式 Strategy(策略模式)
2011/06/26 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
JavaScript实现网站访问次数统计代码
2015/08/12 Javascript
jquery中表单 多选框的一种巧妙写法
2015/09/06 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
jquery-ui 进度条功能示例【测试可用】
2019/07/25 jQuery
js实现翻牌小游戏
2020/07/31 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python基础教程之循环介绍
2014/08/29 Python
python删除列表内容
2015/08/04 Python
python中根据字符串调用函数的实现方法
2016/06/12 Python
Python 爬虫图片简单实现
2017/06/01 Python
Python实现ping指定IP的示例
2018/06/04 Python
python样条插值的实现代码
2018/12/17 Python
详解PyTorch手写数字识别(MNIST数据集)
2019/08/16 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
Django中的模型类设计及展示示例详解
2020/05/29 Python
印度尼西亚最大的电商平台:Tokopedia(印尼版淘宝)
2017/12/02 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
C语言面试题
2013/05/19 面试题
《十六年前的回忆》教学反思
2014/02/14 职场文书
社保委托书怎么写
2014/08/02 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
高中班主任工作总结(范文)
2019/08/20 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript