0
在做Silverlight开发时,经常需要以调用WebService的形式与服务器端进行交互。例如在Silverlight嵌入到SharePoint的项目中,常需要Silverlight调用SharePoint的WebService来与SharePoint交换信息。如果直接在Silverlight中通过C#的webclient访问WebService将涉及权限问题,需要将'clientaccesspolicy.xml'部署到服务器上对应的位置(参考《 Silverlight 2beta2 调用 SharePoint的WebService......),所以一般采用javascript的方式用xmlhttp向服务器发送请求。

  javascript的XmlHttp发送请求时有两种方式:同步发送和异步发送。如果采用同步发送的方式,xmlhttp.send会阻塞整个线程,导致包括Silverlight在内的页面处于停滞等待状态,直到xmlhttp得到服务器端的反馈。而采用异步发送的方式,则可避免线程被阻塞。

  这里我们用一个简单的例子来说明这个问题(示例在Silverlight 2.0 RTM环境下调试通过,源代码可在这里下载)。

  在Silverlight的Page.xmal页面上放置两个按钮分别同步和异步获取服务器端ServerSimulationPage.aspx页面的内容。为模拟实际环境,在ServerSimulationPage.aspx页面加载时调用了一个sleep函数延时3秒,并且返回的页面内容包含了瞬时时间以便查看页面内容是否更新过。我们期望在用户点击按钮时就显示一个提示用户等待的信息,直到成功得到服务器端的页面内容后再关闭提示用户等待的信息。

  当点“Get Page Content from Server(Sync Mode)”按钮时,Silverlight调用Javascript函数getPageContentSync:

 

// 同步方式获取
private void btnGetPageContentSync_Click(object sender, RoutedEventArgs e)
{
     OpenTipInfo();

     // 调用Javascript 以便利用XmlHttp 同步获取服务器端数据
     object objReturn = HtmlPage.Window.Invoke("getPageContentSync", "ServerSimulationPage.aspx");
     if (objReturn != null)
         GetPageContentSuccess(objReturn.ToString());
}

 

// 以“同步”方式从服务器获取页面内容
        function getPageContentSync(url) {
            var xmlhttp = getXmlHttp();
            if (xmlhttp) {
                xmlhttp.open("GET", url, false);     //false表示同步调用,会阻塞进程,导致页面等待,即提示信息不及时显示出来
                xmlhttp.send();
                return xmlhttp.responseText;         //同步调用,可以返回结果。这里最好要判断一下返回的状态 xmlhttp.status
            }
        }

 

  由于xmlhttp.open的最后一个参数是false,表示xmlhttp以同步的方式向服务器发送请求。当xmlhttp.send()运行后,线程就在此等待,直到服务器端运行完毕并返回结果给xmlhttp,然后再将xmlhttp.responseText的内容返回给Silverlight。这个过程中虽然在Silverlight中运行“  object objReturn = HtmlPage.Window.Invoke("getPageContentSync", "ServerSimulationPage.aspx"); ” 之前已经OpenTipInfo() 了,但由于线程被xmlhttp.send阻塞,所以整个过程用户感觉在获取到ServerSimulationPage.aspx页面内容之前Silverlight页面一直停滞在那里,并且似乎看不到任何提示用户等待的信息。

 

  但如果采用异步方式则能解决这一问题。当点击按钮“Get Page Content from Server(Async Mode)”时,响应Silverlight事件:

 

// 异步方式获取
        private void btnGetPageContentAsync_Click(object sender, RoutedEventArgs e)
        {
            OpenTipInfo();

            // 调用Javascript 以便利用XmlHttp 异步获取服务器端数据
            HtmlPage.Window.Invoke("getPageContentAsync", "ServerSimulationPage.aspx");
        }

 

  该事件中,首先OpenTipInfo()显示提示用户等待信息,然后调用javascript函数getPageContentAsync,但在运行“HtmlPage.Window.Invoke("getPageContentAsync", "ServerSimulationPage.aspx");”时并不期待其立即返回结果。在javascript的getPageContentAsync函数里异步方式获取服务器端页面内容:

 

// 以“异步”方式获取服务器端页面内容
        function getPageContentAsync(url) {
            var xmlhttp = getXmlHttp();
            if (xmlhttp) {
                xmlhttp.onreadystatechange = function() { doStateChange.apply(xmlhttp) }    //当返回状态改变时,通知函数doStateChange
                xmlhttp.open("GET", url, true);     //true表示异步调用,false表示同步调用。如果为false,则会阻塞进程,导致页面等待,即提示信息不及时显示出来
                xmlhttp.send();
            }
        }

        // 当XmlHttp的返回状态改变时,进行相应处理
        function doStateChange()
        {
            if (this.readyState == 4)
            {
                if (this.status == 200)     //调用成功,正确获得了返回信息
                {
                    var ctl = document.getElementById("silverlightControl");
                    if (ctl)
                        ctl.content.Page.GetPageContentSuccess(this.responseText);
                }
                else                        //调用失败,未返回正确的页面信息
                {                   
                    var ctl = document.getElementById("silverlightControl");
                    if (ctl)
                        ctl.content.Page.GetPageContentFailed();
                }
            }
        }

 

  这里函数getPageContentAsync中同样利用xmlhttp向服务器发送请求,但是以异步的方式发送请求“xmlhttp.open("GET", url, true);  ”,并且xmlhttp.send()后并不期望马上得到返回结果,所以getPageContentAsync函数没有返回任何值。但在我们监听了xmlhttp.onreadystatechange事件:

                        xmlhttp.onreadystatechange = function() { doStateChange.apply(xmlhttp) } 

  当xmlhttp接收到服务器端的反馈时就立即通知doStateChange函数,在doStateChange函数里我们可以判断是否服务器端已经运行完毕并返回了正确结果。当得知已经成功获取服务器端的页面内容后,就立即调用Silverlight里的相应事件,通知Silverlight做相应处理;如果得知获取服务器端内容失败,也要立即通知Silverlight做相应处理。

  这里涉及到Javascript调用Silverlight的函数的问题,所以在Silverlight里必须暴露出相应的函数供Javascript调用:

 

// 获取页面内容成功 此方法暴露给Javascript调用
        [ScriptableMember]
        public void GetPageContentSuccess( string pageContent)
        {
            txtContent.Text = pageContent;
            CloseTipInfo();
            HtmlPage.Window.Alert("Get page content successfully!");
        }

        // 获取页面内容失败 此方法暴露给Javascript调用
        [ScriptableMember]
        public void GetPageContentFailed()
        {
            CloseTipInfo();
            HtmlPage.Window.Alert("SORRY! Get page content failed!");
        }

  当然,xmlhttp调用其它的WebService也是类似原理。

转自:http://blog.csdn.net/sallay/article/details/3379385

关闭 返回顶部
联系我们
Copyright © 2011. 聚财吧. All rights reserved.