代码改变世界

WebService和Ajax

2009-04-07 14:51  苏飞  阅读(1625)  评论(0)  编辑  收藏  举报

阅读全文：http://www.cckan.net/forum.php?mod=viewthread&tid=60

第一种把WebService写在页面之外的

看代码吧，我写的有注释大家应该一看就明白了

这是Ajax代码用来调用WebService里

 

代码
<form id="form1" runat="server">
    <input type="button" id="button" value="Random" onclick="GetRandom()" />
    <input type="button" id="button1" value="Random" onclick="GetRandom(50,100)" />
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Services>
            <%--在这里引入WebService--%>
            <%-- Path是路经， InlineScript ="true"打印出所有的方法，一般为False默认的 --%>
            <asp:ServiceReference  Path="~/WebService.asmx" />
        </Services>
    </asp:ScriptManager>
    <script language="javascript" type="text/javascript">
       //调用WebService里的方法
      function GetRandom(minValue,maxValue)
      {
            //在Script里不能直接，也不可能重载方法，用这种形式来重载是解决这个问题的一种方法，根据参数返回不同的值
           if(arguments .length!=2)
           {
               WebService.getRandom(getrandom);
           }else 
           {
               WebService.getRandomisMaxValueorMinValue(minValue ,maxValue,getrandom);
           }
      }
      //回调这个函数用于返回一个值
      function getrandom(result)
      {
           alert (result);
      }
    </script>

    </form>

 

 

webService里的代码

 

代码
using System;
using System.Collections;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Web.Script.Services;

/// <summary>
///WebService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 
[ScriptService]
public class WebService : System.Web.Services.WebService
{
    public WebService()
    {
        //如果使用设计的组件，请取消注释以下行
        //InitializeComponent(); 
    }

    /// <summary>
    /// 产生一个随机数
    /// </summary>
    /// <returns>INT型</returns>
    [WebMethod]
    public int getRandom()
    {
        return new Random(DateTime.Now.Millisecond).Next();
    }

    /// <summary>
    /// 产生一在一定范围内的随机数
    /// </summary>
    /// <param name="MinValue">参数范围的最小值</param>
    /// <param name="MaxValue">参数范围的最大值</param>
    /// <returns>INT型</returns>
    [WebMethod]
    public int getRandomisMaxValueorMinValue(int MinValue, int MaxValue)
    {
        return new Random(DateTime.Now.Millisecond).Next(MinValue, MaxValue);
    }
}

 

 第二种是在界面下面写的

看代码吧

WebService代码


   

 //一个服务器端的WerService
    [WebMethod]
    public static DateTime getDateTime()
    {
        //显示的是带时区的时间
        return DateTime.UtcNow;
    }

 

界面里调用的代码

 

代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PageMethods.aspx.cs" Inherits="WebService_PageMethods" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
    </asp:ScriptManager>
    <input type="button" value="time" onclick="Dateime()" />
    <%-- //这样做是不行的，会找不到方法--%>
    <%-- <asp:Button ID="Button1" runat="server" Text="Button"  OnClick ="Dateime()"/>--%>

    <script language="javascript" type="text/javascript">
    function Dateime()
    {
        PageMethods.getDateTime(getDatetime);
    }
    function getDatetime(result)
    {
       return alert(result);
    }
    </script>

    </form>
</body>
</html>