[Silverlight探秘]深入探索Silverlight与Javascript的交互

********************************************************************

*                                                 版权声明

*

* 本文以Creative Commons的

发布,请严格遵循该授权协议。

* 本文首发于博客园, 此声明为本文章中不可或缺的一部分。

* 作者网名：    浪子

* 作者EMAIL：dayichen (at)163.com

* 作者BLOG：  Http://Www.Cnblogs.Com/Walkingboy

*

********************************************************************

[Silverlight探秘]深入探索Silverlight与Javascript的交互

－Written by 浪子@cnblogs.com  (07-07-01)

摘要

在[Silverlight探秘]利用Javascript调用silverlight的方法和[Silverlight探秘]利用Silverlight调用Javascript的方法中，大概的学习了两者之间如何进行简单的交互，但是两次探索中都遗留了些问题，本文对这些问题进行了深入的尝试，在这个过程中学习理解两者之间的更深入更复杂的交互场景。

本文环境

• Codename Orcas Beta1
• Silverlight 1.1 Alpha
• IE 6.0

问题一、Javascript调用Silverlight的方法获得的返回值支持什么类型的？对于复杂类型如何处理？

在[Silverlight探秘]利用Javascript调用silverlight的方法中，我提出了这个疑问，silverlightfans兄认为为复杂的类型贴上Scriptable的标签即可支持将其序列化为javascript的对象。在我试用scriptable的时候，我也这样子认为，于是我做了如下尝试：

[Scriptable]
    public MyClass ReturnClass()
{
return new MyClass() { Name = "walkingboy", Blog = "http://walkingboy.cnblogs.com"};
}      

[Scriptable]
public class MyClass
{
[Scriptable]
public string Name
{
get;
set;
}
[Scriptable]
public string Blog
{
get;
set;
}
public DateTime BirthDay { get; set; }
}      

不幸的是，如果你真的这样子做，将会得到如下错误信息

---------------------------

Microsoft Internet Explorer

---------------------------

Silverlight error message    

ErrorCode: 1001

ErrorType: ParserError      

Message: AG_E_UNKNOWN_ERROR    

XamlFile: Page.xaml    

Line: 9    

Position: 27

可见silverlight并不能自动转换一个复杂的类型到javascript类型上。在网上查阅了一些资料，原来silverlight目前还只支持序列化一些普通的类型（字符串、数字、数组等），我把这些普通类型理解为javascript内置的类型。

那如何解决我们的复杂对象返回呢？还好silverlight内置了对json的支持，我们可以直接将复杂对象序列化为json格式的字符串，然后在javascript进行反序列化，就像我们现在开发ajax应用中的一样。

silverlight的json序列化支持类包含在Microsoft.Silverlight.dll下的System.Windows.Browser.Serialization命名空间中。

JavaScriptSerializer jss = new JavaScriptSerializer();
//json序列化
string json = jss.Serialize(instance);
//json反序列化
MyClass instance = jss.Deserialize<MyClass> (json);      

此类的功能跟asp.net ajax中的类基本类似，可以参考相关的资料（如Jeffrey Zhao的深入Atlas系列：探究序列化与反序列化能力）。      

经过上面的测试，我甚至担心这个问题也只能通过json序列化来解决。为了测试这个问题，我写了如下的测试代码      

[Scriptable]
public class MyEventArgs : EventArgs
{
public MyEventArgs()
{
}
[Scriptable]
public string Message
{
get;
set;
}
}      

定义好了自定义的EventArgs之后，按照[Silverlight探秘]利用Silverlight调用Javascript的方法中的方法，设置一个Scriptable的Event      

[Scriptable]
public event EventHandler<MyEventArgs> ReturnArgs;      

测试结果运行正常，于是想是否支持有返回值的委托呢？      

public delegate string ReturnCustomerEventArgsEventHandler(MyEventArgs args);
[Scriptable]
public event ReturnCustomerEventArgsEventHandler ReturnArgs;      

照样运行起来之后得到如下错误

---------------------------

Microsoft Internet Explorer

---------------------------

Silverlight error message    

ErrorCode: 1001

ErrorType: ParserError      

Message: AG_E_UNKNOWN_ERROR    

XamlFile: Page.xaml    

Line: 9    

Position: 27   

看来不能用此种方式获取javascript的运行返回值。

综合

其实感觉有点奇怪，即然Silverlight可以通过Event传递一个自定义类型的参数给javascript方法，为什么javascript调用Silverlight方法反而不行？原则上两者其实是一样的。我想不同在于一个是“推”，一个是“拉”，期待正式版中能内嵌支持返回自定义类型的结果值，就省去自己序列化的麻烦了。

结合一下上面的两个交互场景，其实跟ajax的实现场景有点类似了，我觉得完全可以通过silverlight替代现有的ajax方法，当然这个后面我会进一步去测试。

BTW：如果你的类中没有一个方法，属性，事件贴有Scriptable，而你在构造器中调用

WebApplication.Current.RegisterScriptableObject("LangZi", this);      

则你将得到一个解析错误

---------------------------

Microsoft Internet Explorer

---------------------------

Silverlight error message    

ErrorCode: 2210

ErrorType: ParserError      

Message: AG_E_INVALID_ARGUMENT    

XamlFile: Page.xaml    

Line: 10    

Position: 72 

测试代码：ScriptableAdvance.rar

废话一句，MS的Blend真是不咋地:(

转载于:https://www.cnblogs.com/walkingboy/archive/2007/07/01/Silverlight_scriptableadvance.html