开发学院WEB开发ASP NET-使用Js调用WebService 阅读

NET-使用Js调用WebService

 2010-01-27 10:46:52 来源:WEB开发网   
核心提示:最近身边的一个朋友做项目,其中有一个模块需求要求使用js去调用webService,NET-使用Js调用WebService,让我帮着想想招,因为以前却实没有这么做过,并设置回调函数}function GetStringCallBack(result){alert(result);}function GetString
最近身边的一个朋友做项目,其中有一个模块需求要求使用js去调用webService,让我帮着想想招,因为以前却实没有这么做过。经过大约一个小时的测试,成功了。发现这个东东写出来之后是这么简单。当初是我想复杂了。分享一下测试时写的代码,希望对大家有所帮助。

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>

Tags:NET 使用 Js

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接