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 相关文章推荐
YUI 读码日记之 YAHOO.util.Dom - Part.1
Mar 22 Javascript
jquery1.4后 jqDrag 拖动 不可用
Feb 06 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
jQuery选择器全集详解
Nov 24 Javascript
js中键盘事件实例简析
Jan 10 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
jquery form表单获取内容以及绑定数据
Feb 24 Javascript
jQuery Html控件基本操作(日常收集整理)
Mar 11 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
Oct 31 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
Oct 31 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
MySQL数据源表结构图示
2008/06/05 PHP
PHP制作万年历
2015/01/07 PHP
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
js中eval()函数和trim()去掉字符串左右空格应用
2013/02/02 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
java和javascript获取word文档的书签位置对比
2014/06/19 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
一个炫酷的Bootstrap导航菜单
2016/12/28 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
Vue通过ref父子组件拿值方法
2018/09/12 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
express启用https使用小记
2019/05/21 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
微信小程序实现选择地址省市区三级联动
2020/06/21 Javascript
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
对Python subprocess.Popen子进程管道阻塞详解
2018/10/29 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
硕士研究生自我鉴定
2013/11/08 职场文书
医学生个人求职信范文
2014/02/07 职场文书
新年晚会主持词
2014/03/24 职场文书
学生鉴定评语大全
2014/05/05 职场文书
环保建议书200字
2014/05/14 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
教师听课评语大全
2014/12/31 职场文书
高中社区服务活动报告
2015/02/05 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
MySQL数据管理操作示例讲解
2022/12/24 MySQL