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 相关文章推荐
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
JavaScript 基础表单验证示例(纯Js实现)
Jul 20 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
浅谈Node 异步IO和事件循环
May 05 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对数组排序代码分享
2014/02/24 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
thinkPHP数据库增删改查操作方法实例详解
2016/12/06 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
javascript 写的一个简单的timer
2009/07/30 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
基于NodeJS的前后端分离的思考与实践(五)多终端适配
2014/09/26 NodeJs
JavaScript生成二维码图片小结
2015/12/27 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
javascript中Date对象应用之简易日历实现
2016/07/12 Javascript
AngularJS入门教程之数据绑定原理详解
2016/11/02 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
2017/03/13 Javascript
vue弹窗组件使用方法
2018/04/28 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
2018/05/15 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
vue观察模式浅析
2018/09/25 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
JavaScript实现简单的图片切换功能(实例代码)
2020/04/10 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
基于python实现学生管理系统
2018/10/17 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
Python字符串格式化输出代码实例
2019/11/22 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
CSS3 实现童年的纸飞机
2019/05/05 HTML / CSS
体育教学随笔感言
2014/02/24 职场文书
小学综合实践活动总结
2014/07/07 职场文书
学校食品安全责任书
2015/01/29 职场文书
《植树问题》教学反思
2016/03/03 职场文书
idea下配置tomcat避坑详解
2022/04/12 Servers