ASP.NET MVC中控制器返回视图时数据无法传递的问题

你通过AJAX调用GetPrevTrans接口拿到交易数据后，用window.location跳转是发起了全新的HTTP GET请求，之前AJAX获取的数据不会自动传递到新请求对应的PrevTransactionsView控制器方法中，导致该方法没有数据传递给视图，最终列表无法渲染。

方案1：跳转时传递关键标识，控制器重新查询数据 #

1. 调整AJAX跳转逻辑 #

在AJAX成功回调中，将能定位交易数据的关键参数（如用户ID、查询条件）拼入跳转URL：

$.ajax({
    url: '/YourController/GetPrevTrans',
    type: 'GET',
    data: { userId: 'user123' },
    success: function (response) {
        if (response.length > 0) {
            // 拼接关键参数到跳转地址
            window.location.href = `/YourController/PrevTransactionsView?userId=user123`;
        } else {
            alert('暂无交易数据');
        }
    }
});

2. 修改控制器PrevTransactionsView方法 #

从URL参数中获取标识，重新查询交易数据并传递给视图：

public ActionResult PrevTransactionsView(string userId)
{
    // 根据userId重新获取交易数据
    var transactionList = TransactionRepository.GetByUserId(userId);
    // 将数据传入视图
    return View(transactionList);
}

3. 确认视图强类型绑定 #

视图顶部声明对应模型类型，确保能接收并渲染数据：

@model List<YourApp.Models.Transaction>

<table>
    <thead>
        <tr>
            <th>交易ID</th>
            <th>交易金额</th>
            <th>交易时间</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var trans in Model)
        {
            <tr>
                <td>@trans.Id</td>
                <td>@trans.Amount</td>
                <td>@trans.CreatedTime.ToString("yyyy-MM-dd")</td>
            </tr>
        }
    </tbody>
</table>

方案2：用TempData暂存数据（适合小数据量场景） #

1. 修改GetPrevTrans控制器方法 #

将查询到的交易数据存入TempData（TempData会保留到下一次请求结束）：

public JsonResult GetPrevTrans(string userId)
{
    var transactionList = TransactionRepository.GetByUserId(userId);
    if (transactionList.Any())
    {
        TempData["TransactionList"] = transactionList;
        return Json(new { hasData = true });
    }
    return Json(new { hasData = false });
}

2. 调整AJAX跳转逻辑 #

直接跳转至目标页面，无需携带参数：

$.ajax({
    url: '/YourController/GetPrevTrans',
    type: 'GET',
    data: { userId: 'user123' },
    success: function (response) {
        if (response.hasData) {
            window.location.href = '/YourController/PrevTransactionsView';
        } else {
            alert('暂无交易数据');
        }
    }
});

3. 更新PrevTransactionsView方法 #

从TempData中取出数据，传递给视图：

public ActionResult PrevTransactionsView()
{
    var transactionList = TempData["TransactionList"] as List<Transaction>;
    // 处理直接访问该页面的情况
    transactionList ??= new List<Transaction>();
    
    return View(transactionList);
}

注意事项 #

• 方案1更可靠，避免TempData因会话过期、重复请求导致的数据丢失问题，适合大多数场景。
• 若交易数据量较大，不要用TempData，它存储在服务器会话中，会占用资源。
• 禁止在URL中拼接大量数据，不仅有长度限制，还存在安全风险。

内容的提问来源于stack exchange，提问作者Varun Gupta