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 相关文章推荐
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
老生常谈JavaScript面向对象基础与this指向问题
Oct 16 Javascript
微信小程序-getUserInfo回调的实例详解
Oct 27 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
Dec 02 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 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中取得文件的后缀名?
2012/02/20 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
CodeIgniter框架过滤HTML危险代码
2014/06/12 PHP
php中header设置常见文件类型的content-type
2015/06/23 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
ThinkPHP中limit()使用方法详解
2016/04/19 PHP
php+ajax无刷新上传图片的实现方法
2016/12/06 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
javascript arguments 传递给函数的隐含参数
2009/08/21 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
js实现进度条的方法
2015/02/13 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
jquery编写日期选择器
2017/03/16 Javascript
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
python通过opencv实现批量剪切图片
2017/11/13 Python
Django权限机制实现代码详解
2018/02/05 Python
对python 合并 累加两个dict的实例详解
2019/01/21 Python
Python类的继承用法示例
2019/01/31 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
微信小程序“圣诞帽”的实现思路详解
2017/12/28 HTML / CSS
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
职专应届生求职信
2013/11/16 职场文书
中专生职业生涯规划书范文
2013/12/29 职场文书
中文专业自荐书
2014/06/29 职场文书
投标授权委托书范文
2014/08/02 职场文书
现实表现材料范文
2014/12/23 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书