如何在 Blazor WebAssembly 中将 Json 结果转换为字符串?

Posted

技术标签:

【中文标题】如何在 Blazor WebAssembly 中将 Json 结果转换为字符串?【英文标题】:How to covert Json result into string in Blazor WebAssembly? 【发布时间】:2021-09-15 04:58:46 【问题描述】:

我想把结果转成字符串传给导航路径,但是我做不到,请帮帮我。

HttpGet 控制器

[HttpGet]
[Route("UserId")]
public async Task<ActionResult<ApplicationUser>> GetUserId(string Username)

  var user = await userManager.FindByNameAsync(Username);
  if (user == null)
  return StatusCode(StatusCodes.Status500InternalServerError, new Response  Status = "Error", Message = "User not exist" );
  var result = await userManager.GetUserIdAsync(user);
  return new JsonResult(result);

控制器返回结果

“85e39a3e-8101-4166-9193-5e41bec1a7ce”

功能

private async Task Login()
    
        var user = new userName  Username = Username ;
        var loginUser = new LoginDb  Username = Username, Password = Password ;
        if (Username == null || Password == null)
        
            toastService.ShowWarning("Please enter Username and Password");
        
        else
        
            user = await Http.GetFromJsonAsync<userName>("Authentication/UserId?Username=" + Username);
            if (user != null)
            
                string Id = System.Text.Json.JsonSerializer.Serialize(user);
                var result = await Http.PostAsJsonAsync("Authentication/login", loginUser);
                if (result.IsSuccessStatusCode)
                
                    NavigationManager.NavigateTo("/profile/" + Id);
                    toastService.ShowSuccess("Login successful");
                
                else
                
                    toastService.ShowError("Username or Password is wrong");
                
            
            else
            
                NavigationManager.NavigateTo("/login");
            

        
    

【问题讨论】:

【参考方案1】:

好的,我可以看到一些问题。

在服务器上:

[HttpGet]
[Route("UserId")]
public async Task<ActionResult<ApplicationUser>> GetUserId(string Username)   // A

  var user = await userManager.FindByNameAsync(Username);
  if (user == null) // B
  return StatusCode(StatusCodes.Status500InternalServerError, new Response  Status = "Error", Message = "User not exist" );
  var result = await userManager.GetUserIdAsync(user);
  return new JsonResult(result);

首先,您的返回类型是 Task&lt;ActionResult&lt;ApplicationUser&gt;&gt; 。 ApplicationUser 与后端身份库绑定,您不能也不应该将其用于 DTO。

你没有,最后你有return new JsonResult(result);,当你将返回类型更改为Task&lt;ActionResult&gt;时就可以了。

在客户端:

//user = await Http.GetFromJsonAsync<userName>("Authentication/UserId?Username=" + Username);
  var userId = await Http.GetFromJsonAsync<string>("Authentication/UserId?Username=" + Username);

端点返回一个简单的字符串。 Json 不知道“用户名”或其他任何内容。

//string Id = System.Text.Json.JsonSerializer.Serialize(user); -- use UserId

您在此处(再次)序列化 Id,使其对于 URL 几乎肯定无效。所以跳过那个。

【讨论】:

感谢先生您的回答和信息,感谢。注意!

以上是关于如何在 Blazor WebAssembly 中将 Json 结果转换为字符串?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Blazor WebAssembly中 使用 功能开关

Blazor Webassembly 如何在页面上显示纯文本 (Loader.io)

如何将 Blazor WebAssembly 连接到数据库

如何正确部署 Blazor WebAssembly(托管)应用程序?

Blazor Webassembly:如何将组件插入字符串

如何通过 Blazor WebAssembly 写入浏览器控制台?