您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > ajax初探--調(diào)用web服務(wù)

ajax初探--調(diào)用web服務(wù)

文章來源：365jz.com 點(diǎn)擊數(shù)：232 更新時(shí)間：2009-09-15 10:05 參與評(píng)論

這里我們首先給出這個(gè)web服務(wù)：

using System;
using System.Collections;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web .Script .Services ;
/// <summary>
///WebService 的摘要說明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ScriptService ]
public class WebService : System.Web.Services.WebService {

public WebService () {

        //如果使用設(shè)計(jì)的組件，請(qǐng)取消注釋以下行
        //InitializeComponent();
    }

    [WebMethod]
    public string HelloWorld(string instr) {
        string str = "服務(wù)器asp。net ajax得到了你輸入的信息："+instr +"<br/>你的ip地址是：";
        str += System.Web.HttpContext.Current.Request.UserHostAddress;
        str += "<br/>當(dāng)前時(shí)間：";
        str += System.DateTime.Now.ToLocalTime();
        return str;
    }

}

下面是源文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id ="head1" runat="server">
    <title>hello</title>
    <script type ="text/javascript" language ="javascript" >
    //web服務(wù)成功后調(diào)用回調(diào)函數(shù)
    function OnShow(result)//這里的參數(shù)是web函數(shù)調(diào)用后返回的值
    {
    var s=$get("msg");//也可以用document.getElementById("msg")獲取html控件“msg”;

    s.innerHTML=result .toString ();
    }
    function SayHello()
    {
    var fs=WebService;//這里的WebService是web服務(wù)中的類（不要和文件名搞反了）
    fs .HelloWorld(document.getElementById("testmsg").value,OnShow);//OnShow 是web函數(shù)調(diào)用成功后調(diào)用的函數(shù)并且把返回值傳給它
return false ;
    }
    </script>
    <style type="text/css">
        #Text1
        {
            width: 206px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" >
            <Services>
                <asp:ServiceReference Path="WebService.asmx" />//web服務(wù)的調(diào)用
            </Services>
        </asp:ScriptManager>
        <div style="width: 400px; margin-top :50px; text-align :center ">
            <input id="testmsg" type="text" value="hello ajax" /><br />
            <asp:Button ID="Button1" runat="server" onclientclick="return SayHello()"
                Text="提交給WEB服務(wù)" />
            <br />
        </div>
        <div id ="msg" >信息從這里顯示。。。。。</div>
    </form>
</body>
</html>