应该如何将数组从 C# 传递到 Javascript 函数？

Question

我使用 WPF 中的 WebBrowser 对象，并在浏览器中加载的页面中调用一些 Javascript 代码，如下所示：

myWebBrowser.InvokeScript("myJsFunc", new object[] { foo.Text, bar.ToArray<string>()});

现在，js 函数应该迭代第二个参数（字符串数组）的元素并执行一些操作因此。唯一的问题是参数似乎没有作为 js 数组传递。

例如，

alert(typeof theArray);

警报“未知”。

从 CSharp 调用 js 函数时传递数组作为参数的正确方法是什么？

Answer 1

也许将其作为 json 字符串传递，并在 js 函数

var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
var json = serializer.Serialize(bar.ToArray<string>());

myWebBrowser.InvokeScript("myJsFunc", new object[] { foo.Text, json });

js 中解析它：

function myJsFunc(json) {
   var data = JSON.parse(json);
   // do something with it.
}

http://blogs.microsoft.co.il/blogs/pini_dayan/archive/2009/03/12/convert-objects-to-json-in-c-using-javascriptserializer.aspx

Answer 2

它本身并不能解决问题，但如果您只有一个数组要传递，它就可以解决问题：您可以向 JavaScript 函数发送任意数量的参数，并通过 arguments 特殊变量访问它们。它类似于接受可变数量参数的函数，具有相同的优点和问题（例如，您必须最后传递数组，并且如前所述，您只能传递一个）。

下面是一个 JavaScript 函数示例：

function foo()
{
    var stringArgs = [];
    for (var i = 0; i < arguments.length; i++)
        stringArgs.push(arguments[i]);

    // do stuff with stringArgs
}

您可以像这样从 C# 调用它：

List<string> arguments = new List<string>();
arguments.Add("foo");
arguments.Add("bar");
webBrowser.InvokeScript("foo", arguments.ToArray());

Answer 3

如果你真的想从代码中榨取每一点性能，你可以通过 javascript 中的 eval 来避免反序列化。这个概念是像这样构造调用：

((IHTMLWindow2)webBrowserControl.Document.Window.DomWindow).execScript("var returnValue = someFunction([ 'abc', 'xyz', '1', '2', '3' ], { foo: 'xyz', bar: 1 });"

请注意，我们使用 .execScript，这使得世界变得不同。这是因为与 .InvokeScript 相反，.InvokeScript 会强制使用基于字符串的参数（这迫使您在 javascript 端使用 eval），.execScript() 使我们能够编写任意代码javascript 代码，包括您在上面看到的内容（请注意，参数是显式 javascript 数组和一包属性）。现在我们可以直接编写数组和对象并将它们写为参数。为此，我们只需使用 Newtonsoft.Json 来序列化数组和对象：

class Test {
     public string foo;
     public int bar;
}
((IHTMLWindow2)webBrowserControl.Document.Window.DomWindow).execScript("var returnValue = someFunction(" +
JsonConvert.SerializeObject((new List<object>(2) { "abc", "xyz", 1, 2, 3 }).ToArray()) + ", " + JsonConvert.SerializeObject(new Test() { foo = "xyz", bar = 1 }) + ");");

另一件事是检索结果返回值：

string result = (string)webBrowserControl.Document.InvokeScript("eval", new object[] { @"returnValue;" }));

为了方便起见，您可能需要编写一个实用程序方法，该方法迭代给定的参数并正确序列化它们，调用函数，然后检索返回值。

Answer 4

您需要首先将数组转换为 JS 数组，如下所示：

["John", "Bob", "Sue"] // literal array

下面是两个示例：

StringBuilder sb = new StringBuilder();
string[] stringArray = bar.ToArray<string>();

//Build the JS array.
sb.Append( "[");
for (int i = 0; i < stringArray.Length; i++)
{
    sb.AppendFormat( "'{0}', ", stringArray[i] );

}
sb.Append( "]");


// Now send the array to the JS function.
myWebBrowser.InvokeScript("myJsFunc", new object[] { foo.Text, sb.ToString() });

您可能还想删除尾随的 。不要忘记为StringBuilder导入适当的库，我认为是System.Text.StringBuilder；

或使用示例二：

string[] stringArray = bar.ToArray<string>();

// or simpler to use string join.
string jsArray = "[" + String.Join( ",", stringArray ) + "]";
//
myWebBrowser.InvokeScript("myJsFunc", new object[] { foo.Text, jsArray });