程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> ASP編程 >> ASP技巧 >> NET-使用Js調用WebService

NET-使用Js調用WebService

編輯:ASP技巧

最近身邊的一個朋友做項目,其中有一個模塊需求要求使用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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved