asp.net mvc 3 -如何通过jquery GET传递参数mvc

Question

我试图传递一个值到Url。

     $('._select_change').change(function(n)
     {
         var param = n.target.value;
         $.get('@Url.Action("List", new { someid = param } )', function (data) {
             $('#changeArea').replaceWith(data);
         });
     });

如果我设置someid = '123'，则值通过fine。然而，当我用someid = param替换-我得到一个编译器错误"CS0103:名称'param'不存在于当前上下文中"…

我应该如何构建这个方法调用?

谢谢

Answer 1

我应该如何构建这个方法调用?

:

$('._select_change').change(function() {
    var param = $(this).val();
    $.get('@Url.Action("List")', { someid: param }, function (data) {
         $('#changeArea').replaceWith(data);
    });
});

请注意我是如何使用$.get()方法的第二个参数将查询字符串参数传递给来自客户机的AJAX调用的。

这将把下拉菜单的选定值传递给带有someid动作参数的List控制器动作:

public ActionResult List(string someid) 
{
    ...
}

因此，您将在javascript调试工具的Net选项卡中看到以下AJAX请求被发送到服务器:

GET /somecontroller/List?someid=123

如果你使用这个$.get()方法，有一件事你应该小心。GET请求通常由浏览器缓存。这意味着如果您向相同的url(如/list?someid=123)发送许多请求，浏览器可以缓存结果，并且只有第一个请求才会到达服务器。但是，如果每次都要服务器新鲜数据，并且每个请求都要访问服务器，该怎么办呢?在这种情况下，推荐的解决方案是使用$.ajax()方法，它允许您禁用缓存:

$('._select_change').change(function() {
    var param = $(this).val();
    $.ajax({
        url: '@Url.Action("List")',
        data: { someid: param },
        cache: false,
        success: function (data) { 
            $('#changeArea').replaceWith(data);
        }
    });
});

这将在每个请求上附加一个随机查询字符串参数，以确保结果不会被客户端浏览器缓存。

Answer 2

$.ajax({
            url: YourURL,
            type: "post",
           data: $('form').serialize(), // one way of submitting full form
           data: { id: "your ID", name: "your name" }, // if you have less parameters use this 
            success: function (data) {
                // handle it
            },
            error: function (data) {
                // handle your error
            },
            dataType: "JSON"
            //async:true
        });