ASP.NET MVC用户存在性校验及JS调用后端失败问题咨询

校验状态传递最优方案 #

整页提交刷新场景 #

MVC框架下最规范的实现有两种，都完全符合最佳实践：

• 强类型ViewModel方案：直接为当前视图定义一个ViewModel，添加bool IsUserExist、string SearchUserName这类对应字段，Controller处理Checkifuserexists逻辑完成后，把校验结果赋值给ViewModel的对应字段，直接返回当前视图即可。你之前觉得这个方案不合理其实是误解，MVC的设计本身就是用ViewModel承载视图需要的所有数据，完全符合前后端逻辑分离的要求，也不会有额外的存储开销。
• 轻量TempData方案：如果不想专门新增ViewModel，用TempData更简单，Controller校验完成后赋值TempData["UserCheckResult"] = true/false，再重定向回原视图即可。TempData是单次请求生效，读取后自动销毁，不会像Cookie一样长期占用存储，也不会像查询字符串一样把参数暴露在URL中，视图里直接读取判断即可：

  @if (TempData["UserCheckResult"] is bool isExist && isExist)
  {
      <p>成功，该用户存在</p>
  }
  else
  {
      <p>该用户不存在</p>
  }
  

无刷新交互场景 #

如果不想整页跳转，体验更好的方案是用AJAX直接调用后端接口，后端返回JSON结果，前端拿到结果后直接更新页面内容即可，不需要刷新页面。

JS调用C#方法失效问题说明 #

你用到的Dotnet.invokeMethodAsync是Blazor专属的JS互操作API，仅支持Blazor Server和Blazor WebAssembly项目，传统ASP.NET MVC框架没有内置这个能力，所以不管你加什么依赖都不能用，和你写的代码逻辑没有关系，是框架场景不匹配。

在MVC项目里要实现前端调用后端逻辑，直接写标准AJAX请求即可，示例如下：

1. 后端Controller定义接口：

// 注意不要加[JSInvokable]，MVC不需要这个特性
public IActionResult AddFriend(string userName)
{
    // 这里写你的数据库校验、添加好友逻辑
    bool userExist = _yourDbContext.Users.Any(u => u.UserName == userName);
    return Json(new { isSuccess = userExist, message = userExist ? "用户存在" : "用户不存在" });
}

2. 前端用fetch发送请求：

function addFriend() {
    const userName = document.getElementById('fname').value;
    fetch(`/Home/AddFriend?userName=${encodeURIComponent(userName)}`)
        .then(res => res.json())
        .then(result => {
            document.getElementById('searchspan').innerText = result.message;
        });
}

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