如何在 Blazor 中从 javascript 发送到 javascript .NET 实例函数？ （jsinterop、invokeMethodAsync、jsruntime）

Question

我有一些 javascript，我需要将值发送到通过 invokeMethodAsync 调用 .NET 函数的 javascript 函数

所以发送值的简单 javascript 代码类似于：

invokeJStoBlzr("sfsd");

那么JS函数...

window.invokeJStoBlzr(val) = (dotNetHelper) => {            
  dotNetHelper.invokeMethodAsync('JStoSrvCall', val);
};

但它似乎不喜欢 window.invokeJStoBlzr(val) 所以我认为这是语法问题。有人知道如何正确写吗？

Blazor 代码是

private DotNetObjectReference<Index> objRef;


public async Task startAsyc()    {   //called when client side makes selection
   await JsRuntime.InvokeAsync<string>("invokeJStoBlzr", objRef);
}

[JSInvokable]
protected static void JStoSrvCall(string value)
{
  //do whatever
}

我基本上需要将 javascript 值传递给该 invokeJStoBlzr 函数，然后在 JStoSrvCall 中接收该值

Answer 1

我基本上需要将 javascript 值传递给该 invokeJStoBlzr 函数，然后在 JStoSrvCall 中接收

如果你想将值从 JavaScript 传递给 C#，那么你可以这样做：

<button @onclick="() => StartAsyc()">Start</button>
<h1>@JSMessage</h1>

@code{
    private string JSMessage { get; set; }

    public async Task StartAsyc()
    {   //called when client side makes selection
        await JsRuntime.InvokeVoidAsync("invokeJStoBlzr", DotNetObjectReference.Create(this),
            "The Value You want to Send to JS");
    }

    [JSInvokable]
    public void JStoSrvCall(string value)
    {
        JSMessage = value;
        StateHasChanged();
    }
}

JavaScript 代码将如下所示：

function invokeJStoBlzr(instance, val) {
    instance.invokeMethodAsync('JStoSrvCall', val);
};