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插件制作教程 txtHover
Aug 17 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
Bootstrap学习笔记之css样式设计(2)
Jun 07 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
Dec 22 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
Apr 26 jQuery
vue 弹框产生的滚动穿透问题的解决
Sep 21 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
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环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
PHP创建桌面快捷方式的实例代码
2014/02/17 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
php上传excel表格并获取数据
2017/04/27 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
javascript时间函数大全
2014/06/30 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
Python collections中的双向队列deque简单介绍详解
2019/11/04 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python 发送邮件方法总结
2020/08/10 Python
瑜伽国际:Yoga International
2018/04/18 全球购物
ajax是什么及其工作原理
2012/02/08 面试题
大学生个人求职信范文
2013/09/21 职场文书
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
生日宴会答谢词
2014/01/09 职场文书
粗加工管理制度
2014/02/04 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
初级职称评定工作总结
2015/08/13 职场文书
创业计划书之酒厂
2019/10/14 职场文书
导游词之泰山玉皇顶
2019/12/23 职场文书