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 调用WebService实现代码
Mar 24 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
创建一个类Person的简单实例
May 17 Javascript
jQuery实现页面评论栏中访客信息自动填写功能的方法
May 23 Javascript
jQuery简单实现MD5加密的方法
Mar 03 Javascript
JavaScript监听手机物理返回键的两种解决方法
Aug 14 Javascript
JS模拟超市简易收银台小程序代码解析
Aug 18 Javascript
js图片无缝滚动插件使用详解
May 26 Javascript
JS实现排行榜文字向上滚动轮播效果
Nov 26 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 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根据分类合并数组的方法实例详解
2013/11/06 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
php正则修正符用法实例详解
2016/12/29 PHP
php 数据结构之链表队列
2017/10/17 PHP
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
详解jQuery中的事件
2016/12/14 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
详解基于Vue+Koa的pm2配置
2017/10/24 Javascript
vue中的watch监听数据变化及watch中各属性的详解
2018/09/11 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
pytorch 共享参数的示例
2019/08/17 Python
python getpass模块用法及实例详解
2019/10/07 Python
python滑块验证码的破解实现
2019/11/10 Python
python3中sys.argv的实例用法
2020/04/24 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
慕尼黑山地运动、户外服装和体育用品专家:Sporthaus Schuster
2019/08/27 全球购物
Keds加拿大官网:购买帆布运动鞋和皮鞋
2019/09/26 全球购物
先进班级集体事迹材料
2014/01/30 职场文书
教师党员承诺书2015
2015/01/21 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
关于nginx 实现jira反向代理的问题
2021/09/25 Servers