Asp.Net Ajax 如何调用WebService

最新推荐文章于 2017-04-18 12:25:05 发布
最新推荐文章于 2017-04-18 12:25:05 发布
阅读量858 收藏 1
点赞数
分类专栏： .NET与WebService 文章标签： webservice asp.net ajax button dataset asp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aspnet2002web/article/details/6072805
版权

利用Asp.Net自带的Ajax调用WebService 中的方法非常方便，甚至不需要任何Javascript代码，主要是下面的第4步里，如何调用WebService

<asp:ScriptManager ID="ScriptManager1" runat="server">

    <Services>

        <asp:ServiceReference Path="路径/方法名1" />

         <asp:ServiceReference Path="路径/方法名2" />

    </Services>

</asp:ScriptManager>

 

1、建立项目WebService和WebApp项目，如图所示，（我这里用了英文版，最近发现如果用汉语版的话，会出现些问题：1、添加不了Dynamic Data WebApplication，一添加就出错。2、如果把返回为一个集合的存储过程拖放到Linq To SQL Class时，如果不指定返回值，生成的方法名后夹杂些汉语）

2、Service1.asmx代码为：（这部分其实和上篇的代码是一样的）

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Data;

 

namespace WebService1

{

    /// <summary>

    /// Summary description for Service1

    /// </summary>

    [WebService(Namespace = "http://tempuri.org/")]

    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

    [System.ComponentModel.ToolboxItem(false)]

    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.

    [System.Web.Script.Services.ScriptService]

    public class Service1 : System.Web.Services.WebService

    {

 

        //无参方法

        [WebMethod]

        public string HelloWorld()

        {

            return "Hello World";

        }

 

        //有参方法1

        [WebMethod]

        public int Add(int a, int b)

        {

            return a + b;

        }

 

        //有参方法2

        [WebMethod]

        public int Sum(int x)

        {

            int sum = 0;

            for (int i = 0; i <= x; i++)

            {

                sum += i;

            }

            return sum;

        }

 

        // 返回一个复合类型

        [WebMethod]

        public Student GetStudentByStuNo(string stuNo)

        {

            if (stuNo == "001")

                return new Student { StuNo = "001", StuName = "张三" };

            if (stuNo == "002")

                return new Student { StuNo = "002", StuName = "李四" };

            return null;

        }

 

        //返回返回泛型集合的

        [WebMethod]

        public List<Student> GetList()

        {

            List<Student> list = new List<Student>();

            list.Add(new Student() { StuNo = "001", StuName = "张三" });

            list.Add(new Student() { StuNo = "002", StuName = "李四" });

            list.Add(new Student() { StuNo = "003", StuName = "王五" });

            return list;

        }

 

        //返回DataSet

        [WebMethod]

        public DataSet GetDataSet()

        {

            DataSet ds = new DataSet();

            DataTable dt = new DataTable();

            dt.Columns.Add("StuNo", Type.GetType("System.String"));

            dt.Columns.Add("StuName", Type.GetType("System.String"));

            DataRow dr = dt.NewRow();

            dr["StuNo"] = "001"; dr["StuName"] = "张三";

            dt.Rows.Add(dr);

 

            dr = dt.NewRow();

            dr["StuNo"] = "002"; dr["StuName"] = "李四";

            dt.Rows.Add(dr);

 

            ds.Tables.Add(dt);

 

            return ds;

        }

 

    }

 

    public class Student

    {

        public string StuNo { get; set; }

        public string StuName { get; set; }

    }

}

 

3、打开WebApp项目AjaxInvokeWebService里的web.config文件，在system.web节下面加上以下配置

    <webServices >

        <protocols >

            <add name="HttpSoap"/>

            <add name="HttpPost"/>

            <add name="HttpGet"/>

            <add name="Documentation"/>

        </protocols>

    </webServices>

4、Default.aspx代码如下，这部分需要注意，ScriptManager必需紧跟放在form之后，<Services></Services>中的<asp:ServiceReference Path="" />用来调用WebService。一个WebService方法对应一个<asp:ServiceReference Path="" />。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AjaxInvokeWebService._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>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

        <Services>

            <asp:ServiceReference Path="http://localhost:1832/Service1.asmx/HelloWorld" />

            <asp:ServiceReference Path="http://localhost:1832/Service1.asmx/Add" />

            <asp:ServiceReference Path="http://localhost:1832/Service1.asmx/GetStudentByStuNo" />

            <asp:ServiceReference Path="http://localhost:1832/Service1.asmx/GetList" />

            <asp:ServiceReference Path="http://localhost:1832/Service1.asmx/GetDataSet" />

        </Services>

    </asp:ScriptManager>

    <div>

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="调用无参方法" />

                &nbsp;<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="调用有参方法" />

                &nbsp;<asp:Button ID="Button3" runat="server" OnClick="Button3_Click" Text="调用复合类型" />

                &nbsp;<asp:Button ID="Button4" runat="server" OnClick="Button4_Click" Text="调用泛型集合" />

                &nbsp;<asp:Button ID="Button5" runat="server" OnClick="Button5_Click" Text="调用DataSet类型" />

                <br />

                <asp:Label ID="lblResult" runat="server"></asp:Label>

                <asp:GridView ID="GridView1" runat="server">

                </asp:GridView>

            </ContentTemplate>

        </asp:UpdatePanel>

    </div>

    </form>

</body>

</html>

5、Default.aspx.cs代码如下

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

namespace AjaxInvokeWebService

{

    public partial class _Default : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

 

        }

 

        protected void Button1_Click(object sender, EventArgs e)

        {

            //调用无参方法

            lblResult.Text =new localhost.Service1().HelloWorld();

        }

 

        protected void Button2_Click(object sender, EventArgs e)

        {

            //调用有参方法

            lblResult.Text = new localhost.Service1().Add(2, 3).ToString();

        }

 

        protected void Button3_Click(object sender, EventArgs e)

        {

            //调用复合类型

            localhost.Student s = new localhost.Student();

            s = new localhost.Service1().GetStudentByStuNo("001");

            lblResult.Text = "学号="+s.StuNo + ",姓名=" + s.StuName;

        }

 

        protected void Button4_Click(object sender, EventArgs e)

        {

            //调用泛型集合

            GridView1.DataSource = new localhost.Service1().GetList();

            GridView1.DataBind();

        }

 

        protected void Button5_Click(object sender, EventArgs e)

        {

            //调用DataSet类型

            GridView1.DataSource = new localhost.Service1().GetDataSet();

            GridView1.DataBind();

        }

    }

}

 

运行效果为

 

 

参考：

http://blog.163.com/figo_2007@126/blog/static/231807652009324959694/

http://wind721888.blog.163.com/blog/static/31574639201051355844676/?fromdm&fromSearch&isFromSearchEngine=yes

aspnet2002web
关注
专栏目录
asp.net ajax 调用后台方法,asp.net core 通过ajax调用后台方法（非api）
weixin_34323587的博客
08-05 1094
1、 在Startup.cs文件中添加： services.AddMvc();services.AddAntiforgery(o => o.HeaderName = "XSRF-TOKEN");2、在cshtml 文件中添加：@Html.AntiForgeryToken()@{await Html.RenderPartialAsync("_ValidationScript...
【ASP.NET编程知识】ASP.NET如何定时调用WebService服务.docx
最新发布
05-18
本文为 ASP.NET 开发者提供了一种简单而有效的方法来实现定时调用 WebService 服务，并且还介绍了使用 jQuery 和 Ajax 调用 WebService 服务的方法。 知识点： * 使用 System.Timers.Timer 组件来实现定时调用 ...
一个基于AJAX +ASP.NET 实现的客户端调用后台WebService服务方法程序代码
12-18
一个基于AJAX +ASP.NET 实现的客户端调用后台WebService服务方法程序代码。
[翻译]ASP.NET AJAX调用Web Service
weixin_34221276的博客
02-12 136
原文地址：http://www.developer.com/net/asp/article.php/3657826[原文×××] ASP.NET AJAX调用Web Service 原文发布日期：2007.02.08作者：Bipin Joshi翻译：webabcd介绍尽管AJAX是种客户端技术，但实际上的开发过程，它经常要调用一个服务器端的过程。通常，网站上的数据是存放在...
ASP.NET AJAX调用WebService
weixin_34337381的博客
06-28 113
2019独角兽企业重金招聘Python工程师标准>>> ...
ASP.NET AJAX调用 WebService
weixin_30645617的博客
01-27 151
同事的代码，帮忙修改的，为了实现页面跳转回来后，状态的保持，Service 使用了Session。 主要的JS $.ajax({ url: "/ws/StaffInfo.asmx/Note",//路径/方法 type: "POST", contentType: "application/json", ...
.net asp.net 怎么调用WEB服务
dianxing9228的博客
01-17 119
一、WebService在cs后台程序中的调用 A、通过命名空间和类名直接调用 示例： WebService ws = new WebService(); string s = ws.HelloWorld(); B、通过添加WEB引用的方式调用，首先添加WEB引用，通过URL指向WEBSERVICE， 指定WEB引用名，假设为KK;...
Jquery + Ajax调用webService实例代码(asp.net)
01-19
webService中要实现ajax调用，则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
ASP.NET调用WebService服务的方法详解
10-22
本文将详细介绍***如何调用WebService服务，以及WebService服务的基本概念、创建和使用方法。 ### WebService基本概念 1. **应用程序逻辑单元**：Web服务包含了应用程序逻辑单元或者代码。这些代码能够执行运算...
关于ASP.NET AJAX调用WEBSERVICE的问题
appgqp的专栏
06-14 1400
成功运行SAMPLES,但是在自己的程序里面使用ASP.NET AJAX时候出了很多问题,总结如下 1.WebService 没有定义. Solution 1:using System.Web.Script.Services;在类名上加[System.Web.Script.Services.ScriptService()] Solution2:                 
asp.net 下ajax 调用webservice
musa875643dn的专栏
08-17 398
自己在本机上新建了一个webservice代码:using System; using System.Web; using System.Web.Services; using System.Web.Services.Protocols; using System.Data; using System.Data.SqlClient; [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo =
ASP.NET 2.0 AJAX中Webservice调用方法示例
leonard61306500的专栏
03-21 130
ASP.NET 2.0 AJAX中能够在客户端js中很方便地调用服务器Webservice，以下为一些调用的示例。笔者安装的ASP.NET 2.0 AJAX 版本为AJAX November CTP。 三个示例分别为：1 带参数的WS方法2 不带参数的WS方法3 参数类型为DataTable的WS方法一、WebMethod注意要点：1 WebMethod类需要添加命名空间 Microsoft.We...
ASP.NET Ajax Web Service
soarheaven的专栏
01-18 710
http://dotnetslackers.com/columns/ajax/ASPNETAjaxWebService.aspx Introduction In this article, I will answer some of the common questions which most of the developers face while working with ASP
ASP.NET WebService+Ajax调用
ASP.NET
04-18 1910
default.aspx 代码如下： @ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> DOCTYPE html> html xmlns="http://www.w3.org/1999/xhtml"> head runat="server"> me
ASP.Net Ajax应用初步:使用AJAX调用WebService
北亮的专栏
08-27 953
 1、首先是使用VS.Net2005创建一个 ASP.Net AJAX-Enabled Web Application2、创建一个WebService：Service1.asmxnamespace AJAX1{    ///      /// Service 的摘要说明     ///      [System.Web.Services.WebService(N
ajax调用.net webservice
shileimohan的专栏
05-29 2254
JS调用.net  webservice存在跨域问题。调用方式如下： JS前台：             var url = "http://localhost:4263/zbhjjcWeb/Service.asmx/HelloWord";             var str = "v1='123'&v2='Boston'&jsonpCallback=HelloWord"; //
[翻译]ASP.NET AJAX调用Web Service(超级好)
小范的技术空间
11-19 855
原文发布日期：2007.02.08作者：Bipin Joshi翻译：webabcd介绍尽 管AJAX是种客户端技术，但实际上的开发过程，它经常要调用一个服务器端的过程。通常，网站上的数据是存放在一个关系型数据库中，为了让AJAX更有用 处，处理服务器端数据需要一种简单可靠的方法。幸运的是，ASP.NET AJAX提供了一种有效的基础架构来做这件事情，浏览器和服务器在Internet上可以进行AJA
Asp.net Ajax WebService开发文档
zwSeaman的专栏
02-11 2972
 Asp.net Ajax WebService开发文档基础使用1         新建一个解决方案，右键解决方案名称选择“添加—新建网站”，新建一个asp.net 网站WebSite1，右键Website1，选择“添加新项—Web服务”，添加一个Web服务WebService1。则在跟目录下生成WebService1.asmx，App_Code文件夹中生成WebService1.cs
ajax和webService在.Net上的运用
zhanghaodong2233的专栏
08-03 529
第一章：使用Web Service消费网络方法 1．Web Service：可以实现多个站点之间互相通信，大大缩小Web应用程序之间的“通信隔阂“，增强了交互性。    特点： 1） Web Service是可互操作的分布式应用程序： 可实现不同应用程序和在不同系统平台上
jQuery Ajax调用Asp.Net WebService实例教程
该资源是一个关于使用jQuery Ajax方法调用Asp.Net WebService的实例教程，提供了具体的代码示例，适用于学习和理解如何在客户端通过jQuery与服务端的Web服务进行交互。 在Web开发中，jQuery是一个强大的JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值