tnblog
首页
视频
资源
登录

Blazor的JavaScript和c#相互调用

5572人阅读 2021/12/13 12:39 总访问:342130 评论:0 收藏:0 手机
分类: ASP.NET
1、c#调用JavaScript
private MarkupString markup = new MarkupString();
    private string date = DateTime.Now.ToString();
    private async Task ConverArray()
    {
        var test = await JSRuntime.InvokeAsync<string>("ConvertArray", date);
        markup = new MarkupString(test);
        StateHasChanged();
    }
在_host.cshtml中写入方法
window.ConvertArray = (arr) => {
        console.log("c#调用JavaScript" + arr);
        return arr;
    }
2、JavaScript调用c#
[JSInvokable]//允许使用js调用
    public static Task<List<string>> ReturnArrayAsync()
    {
        List<string> list = new List<string>();
        list.Add("张三");
        list.Add("王二");
        list.Add("李四");
        //new MarkupString(list.ToArray().ToString());
        return Task.FromResult(list);
    }
window.returnArrayAsync = () => {
        DotNet.invokeMethodAsync('Blazor', 'ReturnArrayAsync')
            .then(data => {
                console.log("JavaScript调用c#" + data);
            });
    };
<button class="btn btn-primary" @onclick="ConverArray">.Net</button>
<button class="btn btn-primary" onclick="returnArrayAsync()">JavaScript</button>


评价
当你知道迷惑时,并不可怜,当你不知道迷惑时,才是最可怜的。
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术