使用JQuery

时间:2016-01-24 17:41:34

标签: jquery asp.net-mvc

我想使用JQuery将数据从视图发送到另一个控制器

var title;
var price;
var container;
$('a.btn').click(function () {
    container = $(this).closest('.item');
    title = container.find('.item-dtls > h4 > a').text();
    price = container.find('.price').text(); 
});

$('a.btn').click(function () {
    $.ajax({
        url: '@(Url.Action("Item", "Home"))',
        type:'POST',
        datatype:text,
        data:{title,price},
        success: function (data) {
            alert('success');
        },
        error: function (data) {
            alert('error');
        }
    });
});

这是我的控制器

[HttpPost]
public ActionResult Item(string title,string price) {
    Response.Write(title);
}

1 个答案:

答案 0 :(得分:2)

以名称 - 值对的形式发送数据。此外,您不需要两个单独的单击事件处理程序。

此外,xmlns:b="clr-namespace:Styling.Behaviors;assembly=Styling" 属性值应为字符串。所以用单/双引号括起来。

datatype

此外,您无法使用$('a.btn').click(function () { var container = $(this).closest('.item'); var titleVal = container.find('.item-dtls > h4 > a').text(); var priceVal = container.find('.price').text(); alert(titleVal); alert(priceVal); $.ajax({ url: '@Url.Action("Item", "Home")', type:'POST', datatype:'text', data: { title : titleVal , price : priceVal }, success: function (data) { alert('success'); alert(data); }, error: function (data) { alert('error'); } }); }); }); 从操作方法中返回内容。您可以使用Response.Write方法返回字符串。

Content