在 Action Link mvc razor 中传递参数

Question

我正在尝试将值传递到操作链接中以调用 Iframe 中的控制器方法，这是我的代码：

控制器：

    public ActionResult CallFastPay(string monateryAmount)
            {

//some code logic here
            }

查看：

@{
    ViewBag.Title = "FastPay";
    var url = ViewBag.url;
}
<h2>FastPay</h2>
<script src="~/Scripts/jquery-3.1.1.min.js"></script>

<script type="text/javascript">

    $(function() {
        $('#myButton').click(function () {
            var url = '@Url.Action("CallFastPay")'

            var amount = document.getElementById("monateryAmount").value

            $('#myFrame').attr(@Url.Action("CallFastPay", amount));
        });
    });
</script>
<br />
<iframe id="myFrame" width="600" height="500"></iframe>
<br />
<span>Amount</span>
<input type="text" class="form-control" id="monateryAmount" name="monateryAmount" />
<br />
<button id="myButton" onclick="">Submit</button>

我收到当前上下文中不存在数量的错误。任何帮助将不胜感激。

Answer 1

使用如下：因为你的语法错误。

$('#myButton').click(function () {
    var amount = $("#monateryAmount").val();
  $.ajax({
        url:'@Url.Action("CallFastPay","ControllerName")',
        data:{'monateryAmount':amount},
       type:Get,
       success:function()
        {
         //Your success message here
        }
       error:function()
        {
         //Your error message here
        }
      });
});

Answer 2

如果要在 iframe 中显示结果，则需要设置 src 属性。

在您的 razor 视图中，您可以使用您的操作链接设置基本 url，并设置 javascript：

<script type="text/javascript">

    var baseUrl = '@Url.Action("CallFastPay")'; 

    $('#myButton').click(function () {            

        var amount = $('#monateryAmount').val();
        var url = baseUrl + '/' + amount;

        $('#myFrame').attr('src', url);
    });
});
</script>

Answer 3

像这样改变你的脚本，

 $('#myButton').click(function () {
      //var url = '@Url.Action("CallFastPay")'
      var amount = $("#monateryAmount").val();
      $.ajax({
       url:"YourControllerName/CallFastPay/"+amount,
       //Or you can write like this, url: url + '/' + amount,
       type:"Get",
       success:function(data)
        {
         //Your success message here, for example
         alert("Amount submitted successfully!");
        }
       error:function(data)
        {
         //Your error message here
        }
      })
    });

希望对你有帮助！