WebView2如何运行Javascript功能？

问题描述

在我的 WebView2 中，我用 js 文件加载了我的本地 html，一切正常，但是如何从我的 WinForm 在 WebView 中运行脚本？

直到现在我在 VB 中使用 webbrowser 并且我是这样做的：

Webbrowser1.Document.InvokeScript("addProducts",New String() {"{ ""desc"": ""test"",""qta"": 1,""prezzo"": 2}"})

现在我正在尝试类似的东西：

private async void prodotto_Click(object sender,EventArgs e)
{
    await webView21.ExecuteScriptAsync("addProducts(\"{ \"desc\": \"test\",\"qta\": 1,\"prezzo\": 2})\"");
}

我什至尝试过：

private void prodotto_Click(object sender,EventArgs e)
{
    AddProduct();
}

async void AddProduct()
{
    await webView21.CoreWebView2.ExecuteScriptAsync("addProducts(\"{ \"desc\": \"test\",\"prezzo\": 2})\"");
}

但脚本甚至没有达到...

解决方法

您的字符串中有拼写错误，请尝试：

"addProducts({\"desc\":\"test\",\"qta\":1,\"prezzo\":2})"

数据需要编码为 JSON 才能嵌入为 string ，最好使用 SerializeObject 将对象转换为 JSON，例如：

  dynamic obj = new System.Dynamic.ExpandoObject();
  obj.desc = "test";
  obj.qta = 1;
  obj.prezzo = 2; 

  string  data = JsonConvert.SerializeObject(obj);

  webView21.ExecuteScriptAsync($"addProducts({data})");