Skip to content

Latest commit

 

History

History
71 lines (50 loc) · 2.68 KB

executing-javascript.md

File metadata and controls

71 lines (50 loc) · 2.68 KB

执行 JavaScript 代码

[返回目录]

执行 JavaScript 代码（无返回值）

在 Formium 窗体中，使用ExecuteJavaScript方法来执行 JavaScript 代码。调用ExecuteJavaScript方法需要在浏览器初始化完成后，所以最佳位置应在OnReady重载方法中。

ExecuteJavaScript(@"alert('Hello NanUI!')");

执行 JavaScript 代码（有返回值）

使用EvaluateJavaScriptAsync方法来异步执行带返回值的 JavaScript 代码。

var result = await EvaluateJavaScriptAsync("(function(){ return {a:1,b:\"hello\",c:(s)=>alert(s)}; })()");

if (result.Success)
{
  var retval = result.ResultValue;

  MessageBox.Show($"a={retval.GetInt("a")} b={retval.GetString("b")}", "Value from JavaScript");

  await retval.GetValue("c").ExecuteFunctionAsync(GetMainFrame(), new JavaScriptValue[] { JavaScriptValue.CreateString("Hello from C#") });
}

关于 JavaScriptValue

JavaScriptValue是 NanUI 的 JavaScript Bridge 的基础数据结构，所有进程间的数据交换都是通过 JavaScriptValue 转换而成的。

JavaScriptValue 数据结构主要提供了一些 .NET CLR 数据类型到 CEF 数据类型的转换方法。如果要将一个 .NET 对象转换为 NanUI JavaScript Bridge 可用的数据结构就需要通过 JavaScriptValue 进行映射。

var clrObject = new
{
  Name = "NanUI",
  Age = 5,
  CreatedAt = new DateTime(2014, 12, 1),
  Active = true,
  Hosts = new string[] {
    "https://github.com/NetDimension/NanUI",
    "https://gitee.com/linxuanchen/NanUI",
    "https://www.formium.net" }
};

var nanuiObject = JavaScriptValue.CreateObject();

nanuiObject.SetValue(nameof(clrObject.Name), JavaScriptValue.CreateString(clrObject.Name));
nanuiObject.SetValue(nameof(clrObject.Age), JavaScriptValue.CreateNumber(clrObject.Age));
nanuiObject.SetValue(nameof(clrObject.CreatedAt), JavaScriptValue.CreateDateTime(clrObject.CreatedAt));
nanuiObject.SetValue(nameof(clrObject.Active), JavaScriptValue.CreateBool(clrObject.Active));

var nanuiArray = JavaScriptValue.CreateArray();

foreach (var host in clrObject.Hosts)
{
    nanuiArray.AddArrayValue(JavaScriptValue.CreateString(host));
}

nanuiObject.SetValue(nameof(clrObject.Hosts), nanuiArray);

目前看来，.NET 数据转换到 JavaScriptValue 的映射过程稍显复杂，在后续的版本中可能会考虑增加它们之间的数据类型转化器Converter来简化上述操作。