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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
vue使用中的内存泄漏【推荐】
Jul 10 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
Apr 23 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
element-ui点击查看大图的方法示例
Dec 14 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显示MySQL数据的三种方法
2008/06/05 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP数组函数array_multisort()用法实例分析
2016/04/02 PHP
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
js+css实现文字散开重组动画特效代码分享
2015/08/21 Javascript
javascript常用函数(2)
2015/11/05 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
2017/06/22 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
详解Vue中的MVVM原理和实现方法
2020/07/15 Javascript
JS的时间格式化和时间戳转换函数示例详解
2020/07/27 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
python计算最大优先级队列实例
2013/12/18 Python
Python获取DLL和EXE文件版本号的方法
2015/03/10 Python
python轻松实现代码编码格式转换
2015/03/26 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
Python线性回归实战分析
2018/02/01 Python
anaconda3安装及jupyter环境配置全教程
2020/08/24 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
写给妈妈的道歉信
2014/01/11 职场文书
村级换届选举方案
2014/05/10 职场文书
法律专业自荐信
2014/06/03 职场文书
村班子对照检查材料
2014/08/18 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
人身损害赔偿协议书范本
2014/09/27 职场文书
《圆的面积》教学反思
2016/02/19 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL