论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

使用Js调用WebService

文章类别:Javascript | 发表日期:2010-1-27 17:28:31

WebService文件内容

 

代码
using System;using System.Web;using System.Collections;using System.Collections.Generic;using System.Web.Services;using System.Web.Services.Protocols;using System.Web.UI.MobileControls;/// <summary>/// JsWebService 的摘要说明/// </summary>[WebService(Namespace = "http://tempuri.org/")][WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)][System.Web.Script.Services.ScriptService]public class JsWebService : System.Web.Services.WebService{    public JsWebService()    {        //如果使用设计的组件,请取消注释以下行         //InitializeComponent();     }    [WebMethod]    public string GetString()    {        return "GetString";    }    [WebMethod]    public string GetString(string name)    {        return string.Format("{0}欢迎您的到来!", name);    }    [WebMethod]    public List<string> GetList()    {        List<string> listStr = new List<string>();        for (int i = 0; i < 10; i++)        {            listStr.Add("test" + i);        }        return listStr;    }        [WebMethod]    public List<JsWebServiceObject> GetObjectList()    {        List<JsWebServiceObject> objs = new List<JsWebServiceObject>();        for (int i = 0; i < 10; i++)        {            JsWebServiceObject obj = new JsWebServiceObject("name" + i, i + 20);            objs.Add(obj);        }        return objs;    }}


调用WebService的aspx页面代码

代码
<%@ 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 runat="server">    <title>Js调用WebService</title>    <script type="text/javascript">        function GetString()        {            JsWebService.GetString(GetStringCallBack);  //在WebService中调用方法,并设置回调函数        }        function GetStringCallBack(result)          {            alert(result);        }                function GetStringParam(name)        {            JsWebService.GetString(name,GetStringParamCallBack);  //在WebService中调用方法,并设置回调函数,如果此方法中带有参数则在回调函数前加入此参数。        }        function GetStringParamCallBack(result)        {            alert(result);        }                function GetList()        {            JsWebService.GetList(GetListCallBack);        }        function GetListCallBack(result)        {            if(result.length!=0)            {                for(var i=0;i<result.length;i++)                {                    document.getElementById("contentDivGetList").innerHTML += result[i] + "<br/>";                }            }        }                function GetObjectList()        {            JsWebService.GetObjectList(GetObjectListCallBack);        }        function GetObjectListCallBack(result)        {            if(result.length!=0)            {                for(var i=0;i<result.length;i++)                {                    document.getElementById("contentDivGetObjectList").innerHTML += "姓名:" + result[i].Name + "  年龄:" + result[i].Age + "<br/>";                }            }        }            </script></head><body>    <form id="form1" runat="server">            <asp:ScriptManager ID="smJs" runat="server" >            <Services>                <asp:ServiceReference Path="WebService/JsWebService.asmx" />            </Services>        </asp:ScriptManager>                <div>                    <input type="button" name="btnJsWebService" value="GetString" onclick="GetString()" />            <input type="button" name="butJsWebService" value="GetList" onclick="GetList()" />            <input type="button" name="butJsWebService" value="GetObjectList" onclick="GetObjectList()" />            <input type="button" name="butJsWebService" value="GetStringParam" onclick="GetStringParam('js调用WebService')" />                        <div id="contentDivGetList"></div>            <div id="contentDivGetObjectList"></div>                    </div>    </form></body></html>
-

资料引用:http://www.knowsky.com/542131.html

上一篇:装载iframe 子页面,自适应高度 人气:2217
下一篇:模仿combox(select)控件 人气:2607
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058