Atlas Hands-On-Lab 1,第一个实验

最新推荐文章于 2024-02-04 14:40:32 发布

gzaqq

最新推荐文章于 2024-02-04 14:40:32 发布

阅读量773

点赞数

分类专栏： AJAX 文章标签： webservice server browser stylesheet string path

AJAX 专栏收录该内容

10 篇文章

订阅专栏

大家都知道，如果用常归的方法来写AJAX是很复杂的，所以微软给我们做了个atlas他代码封装起来，这样我们就好做多了，也就可以让我们菜鸟也过把隐，

1.要先装VS2005,然后到http://download.microsoft.com/download/7/5/d/75d5af2b-bb3c-4788-aaec-66ec1b65752d/AtlasFramework_VB.zip下载ASPNETatlashol.vsi（这就是传说中的AJAXFRAMEWORK）安装，

2.打开VS2005，创建一个网站，并选择ASPNET'ATLAS'Hand-on Lab .....,如图：

3,创建一个母版页（default.master）代码如下：

<%@ Master Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

4，创建一个WEB服务页面，名称甸HelloWorldService.asmx ,(注意不要选“将代码放在独立的页面中”)如图：代码如下：

代码如下：

// [C#]

<%@ WebService Language="C#" Class="Samples.AspNet.HelloWorldService" %>

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;

namespace Samples.AspNet {

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class HelloWorldService : System.Web.Services.WebService {

    [WebMethod]
    public string HelloWorld(String query)
    {
      string inputString = Server.HtmlEncode(query);
      if(!String.IsNullOrEmpty(inputString))
      {
        return String.Format("Hello, you queried for {0}. The current time "
          + "is {1}", inputString, DateTime.Now);
      }
      else
      {
        return "The query string was null or empty";
      }

    }
}

}

5，创建HelloWorld.aspx页面代码如下：

<%@ Page Language="C#" MasterPageFile="Default.master"
Title="Atlas HOL 1" %>

<asp:Content ID="Content3" ContentPlaceHolderID="Main" Runat="Server">

<form action="">
    <div>
      Search for
      <input id="SearchKey" type="text" />
      <input id="SearchButton" type="button" value="Search"
        οnclick="DoSearch()"/>
    </div>
</form>
<hr style="width: 300px" />
<div>
<span id="Results"></span>
</div>
<script type="text/javascript" src="HelloWorldService.asmx/js">
</script>

<script type="text/javascript">

    function DoSearch()
    {
      var SrchElem = document.getElementById("SearchKey");
      Samples.AspNet.HelloWorldService.HelloWorld(SrchElem.value,
        OnRequestComplete);
    }

    function OnRequestComplete(result)
    {
      var RsltElem = document.getElementById("Results");
      RsltElem.innerHTML = result;
    }

</script>

</asp:Content>

就这样大功告成了，