《征服ASP.NET2.0AJAX》一书的读后总结（8-14章）

最新推荐文章于 2024-11-03 23:16:52 发布
最新推荐文章于 2024-11-03 23:16:52 发布
阅读量622 收藏
点赞数
分类专栏： AJAX 文章标签： asp.net ajax xmlhttprequest button microsoft server
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang_xiao_qing_c_s_/article/details/3874057
版权

 

第一章 透析XMLHttpRequest的实质

1.         xmlHttpRequest是依附于浏览器的一个组件，IE浏览器中的此组件命名为XMLHTTP，FIREFOX中的组件名称为XMLHttpRequest; XMLHTTP是一套可以在JAVAscript,VBscript,Jscript等脚本语言中，通过HTTP协议传送或者接受XML及其他数据的一套API。XMLHTTP特点（1）局部刷新（2）异步读取；

 

2.         XMLHTTP的open()方法：

Xmlhttp.open(Method,URL,Aysc);

Method有五种类型，主要是GET和POST,其中Get是将参数追加到URL中发送，而POST是将参数串放在请求中发送。如果数据处理不改变数据的状态（比如获取数据），就用GET，如果编辑、更新数据等改变了数据，则用POST（发送大量数据）。参数尽量放在URL中，不要用在Xmlhttp.Send(参数中)，因为有验证的麻烦，如果发送有汉字，可以对参数添加escape（参数）

URL：可以为网页获取、可以从xml文件获取、从本站内某个服务器页面获取；

 

3.         Ajax返回的类型：

（1）       ResponseText：以字符串形式返回服务器响应；

（2）       ResponseXML：服务器的响应必须符合XML规范；

（3）       ResponseBode：因为服务器的响应包括head,body等全部信息，所以可使用此属性只获得响应的body部分。

4.          

 

5.          

 

6.          

第二章 Dom的简要介绍

1.         Dom处理的文档主要是HTML和XML,所以其存储方式与树结构相似；

2.         Dom的静态方法：

GetElementById();

Var mydom = document。GetElementsByTagName(“p”);

If（document。HasChildNodes（））

//获得某控件的属性值

Var myattri = mydom。getAttribute（“type”）;

3.          

4.         HasChildNodes;GetAttribute

 

第三章 Dom

第四章 AJAX组件使用范例

1、  Dojo组件，基于纯Javascript ,所以基于Dojo的应用并不约束任何服务器端技术；

下载地址：http://www.dojotoolkit.org/

使用方法，首先在项目中添加dojo.js文件，然后在页面的添加

<%@ 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>

         <script type="text/javascript" src="dojo.js"></script>

         <script type="text/javascript">

              function wipeOut(elId)

              {

              //调用类中wipeOut方法

                   dojo.lfx.wipeOut(elId, 300).play();

              }

              function wipeIn(elId)

              {

              //调用类中wipeIn方法

                   dojo.lfx.wipeIn(elId, 300).play();

              }

         </script>

</head>

<body>

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

      <div id="testdiv" style="border:2px solid red; width:550px">

              <div>This is a test;</div>

              <div>Welcome to China</div>

              <div>Welcome to Peking</div>

              <div>Hello</div>

              <div>欢迎光临</div>

     </div>            

         <br/>

         <button type="button" onclick="wipeOut('testdiv')">隐藏</button><br/>

         <button type="button" onclick="wipeIn('testdiv')">显示</button><br/>

 

    </form>

</body>

</html>

2、  Open Rico框架使用，是开源的，地址为：http://www.openrico.org

使用方法：首先在项目中添加rico.js（实现方法）和prototype..js（定义规范）文件。然后，在页面中引用脚本

<%@ 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>

    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="prototype.js"></script>

    <script type="text/javascript" src="rico.js"></script>

</head>

<body >

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

    <table>

<tr><td>

<span class="header">简单的拖拽层示例</span>

<div style="padding:5px;border:1px solid #5b5b5b;height:50px">

<div class="box" style="background:#f7a673" id="dragme">用鼠标拖动我</div>

</div>

<br/>

<table style="margin-bottom:8px" cellspacing="3" cellpadding="3">

<tr>

   <td style="width: 139px">

      <div id="droponme" class="simpleDropPanel" style="background:#eed773">

         <div class="title">容器1</div>

      </div>

    </td>

    <td style="width: 135px">

      <div id="droponme2" class="simpleDropPanel" style="background:#ccc3de">

         <div class="title">容器2</div>

      </div>

      </td>

</tr>

</table>

  <script type="text/javascript">

      dndMgr.registerDraggable( new Rico.Draggable('test-rico-dnd','dragme') );

      dndMgr.registerDropZone( new Rico.Dropzone('droponme') );

      dndMgr.registerDropZone( new Rico.Dropzone('droponme2') );

   </script>

</td></tr></table>

    </form>

</body>

</html>

3、  AjaxCaller框架是具有多线程安全访问的XMLHttpRequest组件，支持XMLHttpRequest对象的销毁，Response的高速缓存，脚本的调试；下载地址：http://ajaxpatterns.org/

使用方法：首先在项目中引用util.js和ajaxCaller.js文件。然后引用脚本并使用

<head runat="server">

    <title>无标题页</title>

    <script type="text/javascript" src="util.js"></script>

    <script type="text/javascript" src="scheduling.js"></script>

    <script type="text/javascript">

    function OnTask()

    {

    //获取任务内容

       var contentText =document.getElementById("Text2").value;

       //获取间隔时间

       var delay = document.getElementById("Text1").value;

       //调用setTimeout方法实现任务的显示

       setTimeout("document.getElementById('message').innerHTML='" + contentText + "'", delay);

   }

    </script>

</head>

<body>

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

    <div>

        <table style="width: 603px; height: 235px">

            <tr>

                <td style="width: 175px">

                </td>

                <td style="font-weight: bold">

                    &nbsp;实现定时任务的AjaxCaller演示</td>

                <td>

                </td>

            </tr>

            <tr>

                <td style="width: 175px">

                    要等待的时间</td>

                <td>

                    <input id="Text1" type="text" /></td>

                <td>

                </td>

            </tr>

            <tr>

                <td style="width: 175px">

                    要说的话</td>

                <td>

                    <input id="Text2" type="text" /></td>

                <td>

                </td>

            </tr>

            <tr>

                <td style="width: 175px">

                </td>

                <td>

                    <input id="Button1" style="font-weight: bold; width: 150px" type="button" value="执行任务" onclick="OnTask()" /></td>

                <td>

                </td>

            </tr>

            <tr>

                <td style="width: 175px">

                </td>

                <td>

                    <div id="message" style="width: 402px; height: 100px">

                    </div>

                </td>

                <td>

                </td>

            </tr>

        </table>

   

    </div>

    </form>

</body>

4、  Microsoft Ajax框架：

5、  在工具箱中添加组件库步骤：（1）在vs2005中新建选择卡，命名为Ajax preview (2)在此选项卡右击，弹出的快捷菜单中单击“选项项”菜单命令，打开“选择工具箱项”对话框，单击“浏览”按钮，切换到“打开文件”对话框，找到CTP组件所在的DLL组件。

6、   

7、   

第五章 使用Ajax+Asp.net2.0开发RSS阅读器

第六章 使用Ajax+Asp.net2.0开发论坛

第七章 Microsoft ASP.NET Ajax介绍

                            Asp.net 2.0 Ajax

AJAX 核心组件（ASPAJAXExtSetup.msi）

应用Miscrosoft Ajax

的基础（必须的）

下载地址：http://www.microsoft.com/downloads/details.aspx?FamilyId=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en

 

ajaxControlToolkit工具（个性化组件），下载地址：

http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=16488

Ajax CTP 增值组件（包括WebPart的功能，还没有测试通过将来可能到AJAX中去） ，下载地址：

http://www.microsoft.com/downloads/thankyou.aspx?familyId=4cb52ea3-9548-4064-8137-09b96af97617&displayLang=en

Ajax 示例代码（学习AJAX好例子），下载地址：

http://www.asp.net/ajax/downloads/archive/

Ajax Library 类库（主要为了使用非Windows操作系统的用户，包含ASP.NET2.0 AJAX中的所有脚本组件，下载地址：

http://www.asp.net/ajax/downloads/archive/

 

zhang_xiao_qing_c_s_
关注
专栏目录
《征服ASP.NET2.0AJAX》一书的读后总结（8-14章） 收藏
yanzhibo的专栏IlgawME)Y*Ml
08-25 513
第一章 透析XMLHttpRequest的实质1.         xmlHttpRequest是依附于浏览器的一个组件，IE浏览器中的此组件命名为XMLHTTP，FIREFOX中的组件名称为XMLHttpRequest; XMLHTTP是一套可以在JAVAscript,VBscript,Jscript等脚本语言中，通过HTTP协议传送或者接受XML及其他数据的一套API。XMLHTTP特点（1）
《征服ASP.NET2.0AJAX》一书的读后总结（1-7章）
zhang_xiao_qing_c_s_的专栏
02-10 699
 AJAX（Asynchronous JavaScriptAnd XML 异步JavaScript和XML技术）第一章  揭开AJAX的面纱1.        AJAX技术的应用范畴（1）局部刷新（使用javascript使DOM对象搜索并更改表单中的元素）（2）获取其他网页的内容。当本网页的内容基于其他网站（天气预报），填充在网页内；（3）需要异步读取的地方（借助
《征服ASP.NET2.0AJAX》一书的读后总结（1-7章） 收藏
yanzhibo的专栏IlgawME)Y*Ml
08-25 673
  AJAX（Asynchronous JavaScript And XML 异步JavaScript和XML技术）第一章  揭开AJAX的面纱1.         AJAX技术的应用范畴（1）局部刷新（使用javascript使DOM对象搜索并更改表单中的元素）（2）获取其他网页的内容。当本网页的内容基于其他网站（天气预报），填充在网页内；（3）需要异步读取的地方（借助浏览器中提供的
《征服ASP.NET2.0AJAX》一书的读后总结（19-20章）
yanzhibo的专栏IlgawME)Y*Ml
08-25 859
第一章 菜单特效1.         HoverMenu在鼠标移动到指定地点时，在不影响页面其他元素的时候出现一个菜单；                                    TargetControlID="Panel9"//要显示菜单的目标控件的ID                                    PopupControlID="Popup
《征服ASP.NET2.0AJAX》一书的读后总结（16-18章）
yanzhibo的专栏IlgawME)Y*Ml
08-25 526
第一章Microsoft ASP.NET Ajax介绍第二章 Ajaxcontroltoolkit工具包概述创建AJAX-Enabled模板的网站和创建AJAXControlToolkit模板的网站在配置文件方面的区别：AJAX-Enabled面向所有的AJAX程序，在默认页面加载ScriptManage控件，在配置文件中加载实现AJAX程序最基本类库；             
《征服ASP.NET2.0AJAX》一书的读后总结（21-22章）
zhang_xiao_qing_c_s_的专栏
02-10 1018
 第一章动画和图像特效1.        AnimationExtender控件提供了很多的小动画控件（效果：D:/学习总结(1122)/JavaScript&Ajax学习/征服ASP.NET2.0AJAX书对应的代码/asp[1].net2.0+ajax光盘文件17-23/C21）OnLoad>：表示要触发的事件是加载页面时；OnClick>：表示要触发的事件是单击控件时；
《征服ASP.NET2.0AJAX》一书的读后总结（第十五章Microsoft ASP.NET Ajax核心组件章）
yanzhibo的专栏IlgawME)Y*Ml
08-25 590
 第一章Microsoft ASP.NET Ajax核心组件1.         ScriptManager脚本控制器ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中，它用来处理页面上的所有组件以及页面局部更新，生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service，所有需要支持ASP.NET AJAX的ASP.NET页面
征服 asp.net 2.0 ajax 上
11-24
ASP.NET 2.0 AJAX（Asynchronous JavaScript and XML）是一种技术框架，用于构建高度交互性和响应迅速的Web应用程序。在ASP.NET 2.0中引入AJAX支持，是为了提升用户体验，减少页面完全刷新的需求，从而实现部分页面...
征服 asp.net 2.0 ajax 下
11-24
通过"征服 ASP.NET 2.0 AJAX 下"这个资源，开发者可以深入学习如何在ASP.NET 2.0中有效利用AJAX技术，掌握如何创建异步更新的用户界面，提高Web应用的响应速度和用户体验。这些实例涵盖了从基础到高级的多种应用场景...
征服 asp.net 2.0 ajax 中
11-24
ASP.NET 2.0 AJAX（Asynchronous JavaScript and XML）是一种技术框架，用于构建高度交互性和响应迅速的Web应用程序。在ASP.NET 2.0中引入的AJAX支持，允许开发者利用JavaScript实现局部页面更新，无需刷新整个页面...
征服ASP.NET2.0 典型应用 7-18章
04-11
《征服ASP.NET 2.0 典型应用》是一本深度探讨ASP.NET 2.0技术的书籍，主要涵盖了从第7章到第18章的内容。这些章节深入讲解了如何利用ASP.NET 2.0进行高效、实用的Web应用程序开发，特别是与Ajax典型应用相关的原码...
征服ASP.NET 2.0 Ajax——Web开发技术详解(光盘使用说明)
11-21
根据提供的信息，《征服ASP.NET 2.0 Ajax——Web开发技术详解》这本书旨在全面介绍如何利用ASP.NET 2.0结合Ajax进行高效、现代化的Web开发。书中通过丰富的示例来帮助读者掌握这一领域的关键技术。 ##### 运行环境 ...
asp.net WebForm GridView高级应用
AngelCryToo的专栏
10-29 964
asp:TemplateField HeaderText="月度限额">ControlToValidate="txtMonthlyLimit" ErrorMessage="月度限额是必输项"ControlToValidate="txtMonthlyLimit" ErrorMessage="请输入1到200000之间的数值，最多2位小数"
AJAX入门
wozhaonue_w的博客
10-29 1168
异步的JS和XML => 使用XMLHttpRequest对象与服务器通信==>在不重新刷新页面的情况下与服务器通信。
【H2O2|全栈】JS进阶知识（四）Ajax
过期的H2O2的博客
11-03 490
本系列博客主要分享JavaScript的进阶语法知识，本期为第三期，主要分享的内容为AJAX请求的基本使用步骤以及原生、jQuery的AJAX封装方法。从进阶部分开始，我们将脱离原生的JS，使用一些包装的第三方库来完成我们的需求。这些JS库需要在文档的开头引入，暂时的引入格式为script标签加src地址。与基础部分的语法相比，进阶部分的语法会有较大的差别，注意最好不要混用原生方法与第三方库内容，以免出现不必要的麻烦。
React AJAX: Mastering Asynchronous JavaScript and XML in React Applications
lsx202406的博客
11-01 825
【代码】React AJAX: Mastering Asynchronous JavaScript and XML in React Applications。
AJAX学习笔记总结
最新发布
samroom的博客
11-03 751
AJAX简介、XML简介、AJAX特点、服务端框架、GET请求案例、跨域同源策略、使用JSONP和CORS解决跨域
ASP.NET 2.0 + Ajax 实现的网上问卷调查系统设计
"基于ASP.NET 2.0 + Ajax的问卷调查系统的设计和实现，该系统结合了ASP.NET 2.0技术与Ajax，采用三层结构进行开发，用于实现复杂的问卷调查功能，包括问卷生成、投票和统计。系统支持不同类型的问卷问题，如单选、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值