asp.net mvc2 actionlink，参数类似于getelementbyid

Question

我的Action链接如下： id = "abcd", productURLName = "choc"}, new AjaxOptions { UpdateTargetId = "SFS", InsertionMode = InsertionMode.Replace, HttpMethod = "Post" }, new { style = "color:#00FF00" })%>

我需要在运行时获取控件的值并将其作为参数传递以代替“abcd”。

在 javascript 中我可以做 getelementbyId。在这种情况下我能做些什么吗？

为了获得类似的功能，我也尝试过 jquery ajax，但在这种情况下甚至没有调用控制器动作，至少动作链接有效::

函数发送邀请（）{

              var url = "areaName/controllerName/actionName/" + document.getElementById("BasicUserInfo").value + "?productURLName=choc";
              $.post(url, function (data) {
                                        if (data == '<%= Boolean.TrueString %>') {
                                            $("#result").append("Invite Sent");
                                        } else {
                  $("#result").append("Error, Please try later");
                                        }
              });
          }

谢谢 阿纳布

Answer 1

您必须在链接的点击事件中编写您的 jQuery 代码。例如，这是您的链接：

<%:Html.ActionLink("linkText", "actionName", "controllerName", new {area="areaName",id = "abcd", productURLName = "choc"},  new {@class="myclass", style = "color:#00FF00" })%>

然后你必须编写 jQuery 函数来挂钩这个链接的点击事件。这里我使用类选择器：

 $(".myclass").live('click', function(){
                  var url = "areaName/controllerName/actionName/" + document.getElementById("BasicUserInfo").value + "?productURLName=choc";
                  $.post(url, function (data) {
                                            if (data == '<%= Boolean.TrueString %>') {
                                                $("#result").append("Invite Sent");
                                            } else {
                      $("#result").append("Error, Please try later");
                                            }
                  });
return false;


    });

您还可以使用以下方法在事件处理程序中获取 URL：

var url = $(this).attr('href');

Answer 2

你可以摆脱 MicrosoftAjax 并尝试这样：

<%= Html.ActionLink(
    "linktext", 
    "actionName", 
    "controllerName", 
    new { area = "areaName", productURLName = "choc" }, 
    new { style = "color:#00FF00", id = "myLink" }
) %>

然后：

$(function() {
    $('#myLink').click(function() {
        var id = $('#BasicUserInfo').val();
        $.post(this.href, { id: id, productURLName: 'choc' }, function(result) {
            $('#SFS').html(result);
        });
        return false;
    });
});