VS2008中使用JavaScript调用WebServices


Posted in Javascript onDecember 18, 2014

最近这几天任务完成了,也没什么重要的事情,抽空学习了一下WebServices的知识,感觉还是挺有意思,难度也不是很大。

首先,用VS2008创建一个asp.net网站

其次,项目 右键—>添加新项—>Web 服务   如下图:

VS2008中使用JavaScript调用WebServices

就会产生WebService.cs和WebService.asmx两个文件
在WebService.cs中添加代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Services;

/// <summary>

///WebService 的摘要说明

/// </summary>

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

//注意添加下面代码//

[ScriptService]

//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 

// [System.Web.Script.Services.ScriptService]

public class WebService : System.Web.Services.WebService

{

    public WebService()

    {

        //如果使用设计的组件,请取消注释以下行 

        //InitializeComponent(); 

    }

    [WebMethod]

    public string HelloWorld()

    {

        return "Hello World";

    }

    [WebMethod]

    public int GetSum(int a, int b)

    {

        int sum = a + b;

        return sum;

    }

}

Default.aspx页面

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<script language="javascript">

    function Method(obj)

     {

        document.getElementById("txtSum").value = obj;

     }

     function Hello()

     {

         WebService.HelloWorld(backMethod);

     }

     function getSum()

     {

        var a,b;

        a = document.getElementById("txtA").value;

        b = document.getElementById("txtB").value;

        try

        {

            WebService.GetSum(a, b, Method);

        }

        catch(err)

        {

            alert(err.description);

        }

     }

</script>

<body>

    <form id="form1" runat="server">    

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

            <Services>

                <asp:ServiceReference InlineScript="True" Path="WebService.asmx" />

            </Services>

        </asp:ScriptManager>

        <input type="button" id="btHello" value="Hello" onclick="Hello();" /><br />

        <input type="text" id="txtA" value="" />+

        <input type="text" id="txtB" value="" />=

        <input type="text" id="txtSum" value="" />

        <input type="button" id="btSum" value="求和" onclick="getSum();" /><br />

    </div>

    </form>

</body>

</html>

通过以上方法就可以轻松的调用WebService中的方法,WebService中也可以返回一个DataSet结果集。
后面还得继续学习WebService的知识。
如果大家有好的WebService学习的资料或者是网站的话,拿出来分享一下,以方便大家共同学习、交流。

Javascript 相关文章推荐
ie和firefox中img对象区别的困惑
Dec 27 Javascript
window.onload 加载完毕的问题及解决方案(上)
Jul 09 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
浅谈JavaScript 标准对象
Jun 02 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
js实现交通灯效果
Jan 13 Javascript
vue中页面跳转拦截器的实现方法
Aug 23 Javascript
Thinkjs3新手入门之添加一个新的页面
Dec 06 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 #Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 #Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
Dec 18 #Javascript
使用jQuery jqPlot插件绘制柱状图
Dec 18 #Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 #Javascript
使用JS获取当前地理位置方法汇总
Dec 18 #Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 #Javascript
You might like
php防止用户重复提交表单
2015/11/02 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
Treegrid的动态加载实例代码
2016/04/29 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
解决vue-router 二级导航默认选中某一选项的问题
2019/11/01 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
基于python神经卷积网络的人脸识别
2018/05/24 Python
Python unittest模块用法实例分析
2018/05/25 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
python 项目目录结构设置
2020/02/14 Python
Python包和模块的分发详细介绍
2020/06/19 Python
谈谈python垃圾回收机制
2020/09/27 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
Hotels.com越南:酒店预订
2019/10/29 全球购物
护理自荐信
2013/10/22 职场文书
商务英语求职自荐信范文
2013/12/24 职场文书
九年级家长会邀请函
2014/01/15 职场文书
高中军训感言500字
2014/02/24 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
八项规定对照检查材料
2014/08/31 职场文书
创优争先心得体会
2014/09/11 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
某学校的2019年度工作报告范本
2019/10/11 职场文书
Win11黑色桌面背景怎么办?Win11黑色壁纸解决方法汇总
2022/04/05 数码科技