JavaScript中Ajax回调函数传递变量参数的正确写法

作者:代码拾荒时间:2026-10-29 16:21:22浏览:111

本文探讨了在JavaScript中使用Ajax异步提交时,如何正确向OnSuccess回调函数传递变量参数。直接传入变量名会被视为字符串,需通过拼接单引号实现正确传值,并建议避免使用@Ajax标签以防重复调用控制器。

Ajax回调中变量参数传递问题解析

举例

假设存在一个JavaScript函数,其定义如下:

代码如下:

function f1(myValue){ alert(myValue); }

同时定义一个变量:

代码如下:

var passValue="Hello World";

当在Ajax提交场景中调用该方法时,代码可能如下所示:

@Ajax.ActionLink("文本","控制器",new{参数},new AjaxOptions(){ HttpMethod="post",OnSuccess="f1(PassValue)" })

此处需特别注意OnSuccess属性的处理。若直接将变量名PassValue放入字符串中,系统会将其识别为字面量字符串而非变量值。

尝试修改为OnSuccess="f1("+PassValue+")"同样无法正确解析。

经查阅,解决方案涉及字符串转义处理。

正确的写法应为OnSuccess="f1('"+PassValue+"')"。

采用上述方式即可正常传递参数。

需指出,上述Ajax调用示例主要旨在演示如何向异步方法f1()传递参数。

因此,为避免调用两次控制器,可省略@Ajax标签,改用普通A标签实现。

补充说明:JavaScript中将方法作为参数调用的相关机制。


<!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>
作者最新文章