C#项目中Cef应用之方法互相调用

高版本需启用LegacyJavascriptBindingEnabled

CefSharpSettings.LegacyJavascriptBindingEnabled = true;

js 调用C# 方法

定义处理类

复制代码
class ScriptCallbackManager
    {
        /// <summary>
        /// 查找电脑信息
        /// </summary> IJavascriptCallback javascriptCallback
        /// <param name="javascriptCallback"></param>
        public string FindComputerInfo()
        {

            return JsonConvert.SerializeObject(new
            {
                cpu_id = "1",
                disk_id = "2",
                host_name = "联想",
                networkcard = "是的",
                serialNumber = "12233",
                manufacturer = "hello",
                product = "联想",
            });
        }

        public int Div(int dividend, int divisor)
        {
            return dividend / divisor;
        }

    }
复制代码

 

C#注册js调用对象

 
 browser = new ChromiumWebBrowser("F:/winform_tree/js/index.html")
            {
                Dock = DockStyle.Fill,
            };
            browser.RegisterAsyncJsObject("googleBrower", new ScriptCallbackManager(), new CefSharp.BindingOptions { CamelCaseJavascriptNames = false });

            toolStripContainer.ContentPanel.Controls.Add(browser);

 

js调用处

复制代码
<body>
        <div>hello</div>
        <button onclick="findComputerInfo()">获取电脑信息</button>
        <button onclick="findDiv()">获取电脑信息</button>
        <ul id="msg"></ul>
    </body>
    <script>
        //设置电脑信息
        function callback(data) {
            data = JSON.parse(data);
            $("#msg").html('');
            $("#msg")
                .append($("<li>cpu_id:" + data.cpu_id + "</li>"))
                .append($("<li>disk_id:" + data.disk_id + "</li>"))
                .append($("<li>host_name:" + data.host_name + "</li>"))
                .append($("<li>networkcard:" + data.networkcard + "</li>"))
                .append($("<li>serialNumber:" + data.serialNumber + "</li>"))
                .append($("<li>manufacturer:" + data.manufacturer + "</li>"))
                .append($("<li>product:" + data.product + "</li>"));
        };

        function findComputerInfo() {
            //调用后台C#FindComputerInfo，返回结果回调方法callback
            googleBrower.FindComputerInfo().then(function(actualResult) {
                callback(actualResult)
            });
        };

        function findDiv() {
            googleBrower.Div(6, 2).then(function(actualResult) {
                alert(actualResult)
            });
        }
        
        var findme = function(args){
            alert(args)
            var jsonobj = JSON.parse(args)
            alert(jsonobj.cpu_id)
            
        }

    </script>
复制代码

 

C#调用js方法

复制代码
 var findme = function(args){
            alert(args)
            var jsonobj = JSON.parse(args)
            alert(jsonobj.cpu_id)
            
        }

        private void GoButtonClick(object sender, EventArgs e)
        {
            //LoadUrl(urlTextBox.Text);
            //后端调用js方法，并传递参数
            string result = JsonConvert.SerializeObject(new
            {
                cpu_id = "1",
                disk_id = "2",
                host_name = "联想",
                networkcard = "是的",
                serialNumber = "12233",
                manufacturer = "hello",
                product = "联想",
            });
            browser.GetMainFrame().ExecuteJavaScriptAsync(String.Format("findme('{0}')", result));
        }
复制代码

C#被调用，需要注册；C#调用，借用ExecuteJavaScriptAsync

posted @   卖雨伞的小男孩  阅读(1712)  评论(0)  编辑  收藏  举报
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示
AI IDE Trae