ASP.NET AJAX(2)__ASP.NET 2.0 AJAX Extensions

ASP.NET 2.0 AJAX Extensions为我们提供的主要功能如下

序列化和反序列化 客户端访问Web Service方法 服务器端AJAX控件 _____ScriptManager _____UpdatePanel _____Extender

微软的ASP.NET AJAX有一点非常让人感觉神奇的一点,也算是他宣传的一个鳌头,说的是,所有的ASP.NET程序员,不用写任何javascript代码就可以实现AJAX,那么UpdatePanel呢,就是说着话的资本,我们也知道,几乎所有的服务端控件,只要简单的把它嵌套在UpdatePanel里,然后做一些简单的设置,就可以实现为一个AJAX效果,但是,这样也就很容易造成一个AJAX的滥用,我们知道,AJAX的特点嫩,就是提高用户体验,减少了客户端和服务器端之间的数据访问,而使用UpdatePanel,实际上并没有减少发送给服务器端的数据量,相反,它增加了一些他需要的数据,这也使UpdatePanel经常变成一个性能杀手,所以我们在使用中一定要做到合理使用,当然啦,要做一个好的AJAX应用,不写JAVASCRIPT代码是不可能的,其实我以下的文章里,或者我们的实际应用里将会写大量的javascript代码,也幸亏吧,VS给我们提供和功能强大的代码提示功能,减少了错误率,也同时让我们变懒了很多,反正任何东西也是有两面性的,小白作为一个IT界的菜鸟,就不多做评价啦,一句话,这个代码提示功能,让我不敢爱却不得不爱,闲话少说,书归正传。。。。。。

首先写一个客户端访问Web Service的Demo

1创建一个VehicleService.asmx(Web服务):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Script.Services;

/// <summary>
///VehicleService 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 
[System.Web.Script.Services.ScriptService]
public class VehicleService : System.Web.Services.WebService 
{
    [WebMethod]
    [ScriptMethod]
    public Vehicle GetVehicle(string name,string fullSpeed,string weight)
    {
        return new Vehicle(name, Int32.Parse(fullSpeed), float.Parse(weight));
    }
}

这里需要注意的是,一定要在类之前家上一个ScriptService标记,在需要调用的方法前ScriptMethod标记,这样才可以保证方法在客户端可以调用

2.在要调用webservice的页面中加入ScriptManager控件,并在ScriptManager中注册这个Webservice:

<asp:ScriptManager ID="ScriptManager1" runat="server">
            <Services>
                <asp:ServiceReference Path="~/Demo01/VehicleService.asmx" />
            </Services>
        </asp:ScriptManager>

这样就可以在客户端生成一些脚本代理,方便我们调用

3然后加入脚本代码,和调用方法的按钮

<script language="javascript" type="text/javascript">
            function realizeVehicle(name, fullSpeed, myWeight) {
                VehicleService.GetVehicle(name, fullSpeed, myWeight, onSuccess);
            }

            function onSuccess(vehicle) {
               
                $get("text").innerHTML = String.format("This {0}'s full speed is {1} km/h.and this truck can load {2} kg heavy.", vehicle.Name, vehicle.FullSpeed,vehicle.Weight);
            }
        </script>
        
        <input type="button" value="FAW" onclick="realizeVehicle('FAW',150,30000);" />

在调用WebService时,在基础参数后,还需要添加一个回调函数,实际上,不只是一个回调函数,这个以后将会写到,这里先留一扣子吧 和调用一般处理程序不同的是,这里,我们就可以使用拿到的对象了,而不需要对它进行反序列化,实际上,它已经自动反序列化啦

好了,运行看看效果吧

小白   xiaoyaojian@126.com

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏walterlv - 吕毅的博客

WPF 跨应用程序域的 UI(Cross AppDomain UI)

发布于 2017-11-12 16:36 更新于 2017-11...

1822
来自专栏圣杰的专栏

事件总线知多少(1)

源码路径:Github-EventBus 事件总线知多少(1) 事件总线知多少(2) 1. 引言 事件总线这个概念对你来说可能很陌生,但提到观察者(发布...

3657
来自专栏前端大白专栏

一次性比较目前前端最流行的状态管理,mobx,vuex,redux-saga使用方式用方式

3763
来自专栏Java3y

AJAX入门这一篇就够了

什么是Ajax Ajax(Asynchronous JavaScript and XML) 异步JavaScript和XML Ajax实际上是下面这几种技术的融...

1.4K8
来自专栏進无尽的文章

编码篇-使用GDataXMLNode解析XML数据

在实际的开发中数据解析是很普遍的事,一般网络请求返回的数据有两种格式:XML和JSON。关于JSON的解析已是主流,满大街的解析方式。而XML的数据格式确实是很...

1321
来自专栏流媒体

基于FFmpeg进行RTMP推流(一)简介

这里的bin、include、lib就是我们刚才在FFmpeg下载的相关文件。 src是我们的项目源码目录。 新建Win32控制台应用程序、选择位置、...

5.1K3
来自专栏技术小讲堂

Singal Page App:使用Knockout和RequireJS创建高度模块化的单页应用引擎背景知识文档结构服务端API准备Require配置与系统配置模块中的工作模块间的工作烂图赏鉴代码送上

开篇扯淡 距离上一篇文章已经有好几个月,也不是没有时间记录点东西,主要是换了新的工作,在一家外资工作,目前的工作内容大多都是前端开发,新接触的东西因为时间原因,...

3126
来自专栏PHP实战技术

ThinkPHP3.2中英文切换!

最近公司项目版本升级,小梦已经忙成了狗,无暇顾及文章,今天抽时间写一篇助助兴!

2808
来自专栏日常学python

如何爬取asp动态网页?搞定可恶的动态参数,这一文告诉你!

这个asp网站是我的学校的电费查询系统,需要学校的内网才能查询,所以这文说下思路和我遇到的一些坑。我搞这个网站主要是为了方便查电费而已,其实也方便不了多少。而且...

2863
来自专栏Android 技术栈

《Android群英传 神兵利器》读书笔记

这是一本Android开发的工具书,里面的提到的工具基本上是每个Android开发者必备的技能,买这本书的起因是看到有介绍Gradle和性能优化。里面提到的很多...

791

扫码关注云+社区

领取腾讯云代金券