如何通过ajax mvc传递参数?

时间:2016-01-06 02:00:03

标签: c# ajax asp.net-mvc

我有一个问题如下:点击按钮删除,然后显示模态弹出窗口,在模态,我有一个按钮是“确定”,当我点击按钮“确定”,处理事件点击按钮“确定”,如通过ajax调用动作删除。 我的代码片段。

data: { id: @item.UserProfileID },

此处的问题<a class="fa fa-times btn btn-danger btn-xs" data-ajax="true" data-ajax-method="GET" data-ajax-success="ShowModal()" href="/Home/Index/P000000002" id="bt_del_profile"> Delete</a>。虽然当我展示devtool chrome时,我看不到ID @series.series_image  你能告诉我这件事吗?并给我一些建议。 谢谢。

1 个答案:

答案 0 :(得分:1)

即使你在java脚本中使用@item.UserProfileID,它实际上也是asp.net。如果你有这个来自javascript的值,你会像data: { id: '12345' },

一样使用它

这意味着您的代码应为data: { id: '@item.UserProfileID' }。这应该可以解决你的问题。

一些&#39; Ideas&#39;

您可以像这样更改您的节目模式。

<div aria-hidden="true" class="modal fade myModal">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-footer">
            <button type="button" id="bt_del_ok" class="btn btn-success btn-sm">Ok</button>
        </div>
    </div>
</div>

然后更改您的ShowModal,如下所示。

function ShowModal(userProfileId) {
    $(".myModal").prop('id', userProfileId);
    $(".myModal").modal('show');
}

然后在删除事件中;

 var userProfileId =  $(".myModal").prop('id');
 data: { id:userProfileId },