时间戳

首页 > 解决方案 > Blazor javascript 互操作 - 从 js 到 .NET 的对象转换

javascript - Blazor javascript 互操作 - 从 js 到 .NET 的对象转换

问题描述

我正在使用 Blazor javascript 互操作（对 .NET 的 js 调用），如

//js
dotNetObjRef.invokeMethodAsync("DotNetMethod", jsObject);
---------------------------------------------------------
//C#
[JSInvokable]
public void DotNetMethod(object jsObject)
{
    Console.WriteLine($"jsObject type is {jsObject.GetType()}");
}

在浏览器控制台中，我得到：

'jsObject type is SimpleJson.JsonObject'

现在我想将 jsObject 转换为具体的 SimpleJson.JsonObject，如

[JSInvokable]
public void DotNetMethod(object jsObject)
{
    JsonObject jsObject = (JsonObject)jsObject; //error
}

但我所有使用 SimpleJson 的 C# 社区实现（如https://github.com/facebook-csharp-sdk/simple-json）的试验都失败了，抱怨演员阵容无效。

作为一种解决方法，我通过字符串：

//js
dotNetObjRef.invokeMethodAsync("DotNetMethod", JSON.stringify(jsObject));
.
//C#
[JSInvokable]
public void DotNetMethod(string jsObjectJSON)
{
    JsonObject jsObject = SimpleJson.DeserializeObject<JsonObject>(jsObjectJSON);
}

有谁知道是否可以（以及如何）直接使用接收到的 jsObject，即避免序列化/反序列化（并且没有反射）？

标签： javascript.netjsoninteropblazor

解决方案

为什么不直接接收 JSON，为什么不接收之前定义的对象呢？

let x = {
    "data": "test",
    "moreData": "another test"
}

dotnetHelper.invokeMethodAsync('selectionChanged', x);

接着

//C#
public class InteropHelper
{
    public event Action OnSelectionChanged;

    [JSInvokable]
    public void selectionChanged(TestItem data)
    {
        OnSelectionChanged?.Invoke();
    }

    class TestItem
    {
        public string data { get; set; }
        public string moreData { get; set; }
    }
}

Blazor 会自动知道 JSON 中的哪些字段与 TestItem 中的哪些字段对应。

推荐阅读