JavaScript调用web服务学习(一)

前台代码：首先要配置 ScriptManager控件中添加
           <Scripts>
                <asp:ScriptReference Path="JScript.js" />    //javascript脚本的路径
            </Scripts>
            <Services>
                <asp:ServiceReference Path="WebService.asmx" />   //WebService服务的路径
            </Services>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
JavaScript调用web服务学习(一)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
JavaScript调用web服务学习(一)

<html xmlns="http://www.w3.org/1999/xhtml">
JavaScript调用web服务学习(一)

<head runat="server">
JavaScript调用web服务学习(一)

<title>无标题页</title>
JavaScript调用web服务学习(一)

</head>

<body>

<form id="form1" runat="server">
JavaScript调用web服务学习(一)

<div style="text-align: center">
JavaScript调用web服务学习(一)

<asp:ScriptManager ID="ScriptManager1" runat="server">
JavaScript调用web服务学习(一)

<asp:ScriptReference Path="JScript.js" />
JavaScript调用web服务学习(一)

</Scripts>
JavaScript调用web服务学习(一)

<Services>
JavaScript调用web服务学习(一)

<asp:ServiceReference Path="WebService.asmx" />
JavaScript调用web服务学习(一)

</Services>
JavaScript调用web服务学习(一)

</asp:ScriptManager>
JavaScript调用web服务学习(一)

<input id="Text1" type="text" /> 
JavaScript调用web服务学习(一)

<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="XX-Large"
JavaScript调用web服务学习(一)

ForeColor="Red" Text="/"></asp:Label>
JavaScript调用web服务学习(一)

 <input id="Text2" type="text" /><asp:Label ID="Label2" runat="server"
JavaScript调用web服务学习(一)

Font-Bold="True" Font-Size="XX-Large" ForeColor="#FF3300" Text="="></asp:Label>
JavaScript调用web服务学习(一)

<asp:Label ID="Label3" runat="server" Font-Bold="True" Font-Size="XX-Large"
JavaScript调用web服务学习(一)

ForeColor="#FF3300"></asp:Label>
JavaScript调用web服务学习(一)

<input id="Button1" type="button" value="计算" onclick="Div();"/><br />
JavaScript调用web服务学习(一)

<span id="Results"></span>
JavaScript调用web服务学习(一)

</div>

</form>

</body>

</html>

javascript脚本代码：
function Div() 中的WebService.Div(a,b,OnSucceeded,OnFailed);意思是调用web服务WebService的Div方法

function Div()

WebService代码：首先添加using System.Web.Script.Services;

using System;
JavaScript调用web服务学习(一)

using System.Web;
JavaScript调用web服务学习(一)

using System.Collections;
JavaScript调用web服务学习(一)

using System.Web.Services;
JavaScript调用web服务学习(一)

using System.Web.Services.Protocols;
JavaScript调用web服务学习(一)

using System.Xml;
JavaScript调用web服务学习(一)

using System.Web.Script.Services;
JavaScript调用web服务学习(一)

}