Ajax&Atlas(二)调用Google API示例

前言

本示例用于练习使用Atlas实现ajax,所要做的是一个搜索页面，用到类Google 提供的WebService,关于google api 的获取以及注册方面的请参考使用C#调用GoogleApi一文。关于Atlas的获得请参考Ajax&atlas(一)调用Webservice。

 

步骤

l         打开vs2005,使用atlas模板新建一个项目。在Default.aspx的源代码中在第一行的<%@ Page Language="C#" %>中添加属性Title=” Google Search”。

l         将下载的the Google Web APIs Developer's Kit中的GoogleSearch.wsdl文件放入本地的服务器上，然后在VS中右键点击资源管理器中的引用，再选择添加Web引用，然后输入GoogleSearch.wsdl文件在本机服务器上的地址http://localhost/GoogleSearch.wsdl,更改Web引用名为GoogleSearch后，点击添加引用后返回。

l         添加对ajax.net的程序集AjaxPro.dll的引用，然后修改web.config文件，在其中添加如下内容：

< system .web >
< httpHandlers >
             < add  verb ="POST,GET"  path ="ajaxpro/*.ashx"  type ="AjaxPro.AjaxHandlerFactory, AjaxPro" />
         </ httpHandlers >
</ system.web >

l         然后新建一个用于存查询结果的类Result.cs,代码如下：

[Serializable]
public   class  Result
{
    public Result() { }
    private string title;
    private string summer;
    private string url;
    public string Title
    {
        get { return this.title; }
        set { this.title = value; }
    }
    public string Summer
    {
        get { return this.summer; }
        set { this.summer = value; }

    }
    public string Url
    {
        get { return this.url; }
        set { this.url = value; }
    }
    public Result(string title, string summer, string url)
    {
        this.title = title;
        this.summer = summer;
        this.url = url;
    }
}

l         然后新建一个webForm，然后将其代码文件修改为如下内容：

public  partial  class  _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));//注册自定义类型
        AjaxPro.Utility.RegisterTypeForAjax(typeof(Result));
    }
 
    [AjaxPro.AjaxMethod]
    public Result GetetResult(string s)//AjaxPro能识别的方法都要标记为[AjaxPro.AjaxMethod]
    {
        localhost.GoogleSearchService service = new localhost.GoogleSearchService();
        localhost.GoogleSearchResult result = service.doGoogleSearch("NGYfW7dQFHKshnXPwvctLsaipk03YK2x", s, 0, 10, true, "", true, "", "", "");
        localhost.ResultElement[] re = result.resultElements;
        Result res = new Result(re[0].title,re[0].summary,re[0].URL);       
        return res;
    }
    
}

l         最后回到webForm的源代码页面，进行客户端的处理。关键代码如下：

< input  id ="Text3"  type ="text"   />
     < input  id ="Button3"  type ="button"  value ="button"  language ="javascript"  onclick ="result(document.getElementById('Text3').value)"   /></ div >
    
        
    < br  />
    搜索结果： < br  />
     < hr  />
     < table  style ="width: 333px" >
         < tr >
             < td  id ="Title" >
             </ td >
             < td >
             </ td >
             < td >
             </ td >
         </ tr >
         < tr >
             < td  colspan ="3"  id ="Url" >
             </ td >
         </ tr >
         < tr >
             < td  colspan ="3"  id ="Summer" >
             </ td >
         </ tr >
     </ table >
     < span  id ="result" >
        
     </ span >
     </ form >
< script  type ="text/javascript" >


function result(result) 
{
     var title=document.getElementById("Title");
     var url=document.getElementById("Url");
     var summer=document.getElementById("Summer");
     var ds=_Default.GetetResult(result).value

if (typeof(ds) == "object"){ 
title.innerHTML=ds.Title;
url.innerHTML=ds.Url;
summer.innerHTML=ds.Summer;

}
}

</ script >

这样基本就完成了，启动后就能看见效果了。

另本人在vs2005下使用magicajax 0.3.0时，按网上说明对配置文件进行了修改，但是不知为什么，总是报未将对象引用设置为对象实例的错，下面是截图，望高手指点。

 

Unhandled Execution Error 
Object reference not set to an instance of an object.
  at MagicAjax.AjaxCallHelper.GetPageHiddenDictionary(Page page, String fieldName)
  at MagicAjax.AjaxCallHelper.Page_PreRender(Object sender, EventArgs e)
  at System.Web.UI.Control.OnPreRender(EventArgs e)
  at System.Web.UI.Control.PreRenderRecursiveInternal()
  at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) 0.00196226056663626 0.001046