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 相关文章推荐
Javascript 继承机制的实现
Aug 12 Javascript
精通Javascript系列之Javascript基础篇
Jun 07 Javascript
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
javascript文件加载管理简单实现方法
Jul 25 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
Jul 02 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
在Vue-cli里应用Vuex的state和mutations方法
Sep 16 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
使用Ajax实现无刷新上传文件
Apr 12 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_fetch_assoc和mysql_fetch_row的功能加起来就是mysql_fetch_array
2007/01/15 PHP
php 操作excel文件的方法小结
2009/12/31 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
js实现无缝轮播图
2020/03/09 Javascript
react-router-dom 嵌套路由的实现
2020/05/02 Javascript
Python程序设计入门(2)变量类型简介
2014/06/16 Python
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
python调用其他文件函数或类的示例
2019/07/16 Python
python中bytes和str类型的区别
2019/10/21 Python
pyspark 随机森林的实现
2020/04/24 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
HTML5和CSS3让网页设计提升到下一个高度
2009/08/14 HTML / CSS
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
Linux如何压缩可执行文件
2013/10/21 面试题
大学生全国两会报告感想
2014/03/17 职场文书
教室标语大全
2014/06/21 职场文书
推广普通话的宣传语
2015/07/13 职场文书
领导干部学习心得体会
2016/01/23 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis
vue如何使用模拟的json数据查看效果
2022/03/31 Vue.js
使用refresh_token实现无感刷新页面
2022/04/26 Javascript
Redis基本数据类型List常用操作命令
2022/06/01 Redis