Javascript 函数参数在 ajax 调用中不可用

Question

我正在处理一个 HTML 页面，在该页面上单击一个按钮，我正在调用一个 javascript 函数。该函数有一个来自 html 字段的参数。而且我必须根据输入参数加载另一个 html 页面（它的 asp.net MVC3）。

在html页面中：

        <input type="radio" id="selected" name="selected" onclick="javascript:handleselect(this);" value=@item.ProjectID />

在相同的代码中，我有 javascript..

<script type="text/javascript" language="javascript"> 
    function handleselect(myRadio) {      
         $.get('@Url.Action("Details", "ProjList", new { id = myRadio.value })', 
         async: false,
         function (viewResult) {
             $("#some-container").html(viewResult);
             alert(viewResult);
         });
     });

</script>

这是我的示例脚本。但是，我收到类似“当前上下文中不存在名称'myRadio'”这样的错误。

HTML 代码

我试图查看所有可能的解决方案。请问有人可以帮我吗？

问候。 哈里

Answer 1

如果你只是想要单选按钮的值，试试这样

<input type="radio" id="selected" name="selected" onclick="javascript:handleselect(this.value);" value=@item.ProjectID />

或者像这样

<input type="radio" id="selected" name="selected" onclick="javascript:handleselect(@item.ProjectID);" value=@item.ProjectID />

并且在函数中你直接消费这个值

<script type="text/javascript" language="javascript"> 
    function handleselect(myRadioValue) {      
         $.get('@Url.Action("Details", "ProjList", new { id ='+myRadioValue+'})'), 
         async: false,
         function (viewResult) {
             $("#some-container").html(viewResult);
             alert(viewResult);
         });
     });

</script>

Answer 2

使用这个 - '@Url.Action("Details", "ProjList", new { id = myRadio.value})

或者如果你需要 value 标签的值使用这个 Javascript 语句-

'@Url.Action("Details", "ProjList", new { id = '+myRadio.getAttribute("value")+'})'

编辑：

    function handleselect(myRadio) { 
var url = @Url.Action("Details", "ProjList", new { id = myRadio.getAttribute("value")});     
         $.get(url, 
         async: false,
         function (viewResult) {
             $("#some-container").html(viewResult);
             alert(viewResult);
         });
     });

那么-

Answer 3

所以你的功能会像

 function handleselect(myRadio) {      
      $.get('@Url.Action("Details", "ProjList")', { 
         id: $(myRadio).val() 
      },
      function (viewResult) {
          $("#some-container").html(viewResult);
          alert(viewResult);
      });
  });

或

 function handleselect(myRadio) {      
      $.get('@Url.Action("Details", "ProjList")', { 
         id: $(myRadio).attr('value') 
      },
      function (viewResult) {
          $("#some-container").html(viewResult);
          alert(viewResult);
      });
  });

Answer 4

razor 引擎会解释 urlhelper，但不知道您的客户端代码。这就是您不能将变量与Url.Action 一起使用的原因。你可以试试这个：

$.get('@Url.Action("Details", "ProjList")?id=' + myRadio.value, 
    function (viewResult) {
        $("#some-container").html(viewResult);
        alert(viewResult);
    });

或者另一种选择是使用数据参数：

$.get('@Url.Action("Details", "ProjList")', { id: myRadio.value}, 
        function (viewResult) {
            $("#some-container").html(viewResult);
            alert(viewResult);
        });

Answer 5

myRadio是客户端变量，在服务器端不可用

function handleselect(myRadio) {
    $.get('@Url.Action("Details", "ProjList")', { 
        id: myRadio.value 
    }, function (viewResult) {
              $("#some-container").html(viewResult);
              alert(viewResult);
          });
});