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

最新推荐文章于 2024-07-11 20:52:59 发布
最新推荐文章于 2024-07-11 20:52:59 发布
阅读量573 收藏
点赞数
分类专栏： 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_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
征服 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.NET2.0AJAX》一书的读后总结（8-14章） 收藏
yanzhibo的专栏IlgawME)Y*Ml
08-25 495
第一章 透析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 657
 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 655
  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 845
第一章 菜单特效1.         HoverMenu在鼠标移动到指定地点时，在不影响页面其他元素的时候出现一个菜单；                                    TargetControlID="Panel9"//要显示菜单的目标控件的ID                                    PopupControlID="Popup
《征服ASP.NET2.0AJAX》一书的读后总结（16-18章）
yanzhibo的专栏IlgawME)Y*Ml
08-25 516
第一章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 968
 第一章动画和图像特效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 570
 第一章Microsoft ASP.NET Ajax核心组件1.         ScriptManager脚本控制器ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中，它用来处理页面上的所有组件以及页面局部更新，生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service，所有需要支持ASP.NET AJAX的ASP.NET页面
征服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 中
11-24
ASP.NET 2.0 AJAX（Asynchronous JavaScript and XML）是一种技术框架，用于构建高度交互性和响应迅速的Web应用程序。在ASP.NET 2.0中引入的AJAX支持，允许开发者利用JavaScript实现局部页面更新，无需刷新整个页面...
征服ASP.NET 2.0 Ajax——Web开发技术详解(光盘使用说明)
11-21
《征服ASP.NET 2.0 Ajax——Web开发技术详解》光盘使用说明。光盘源代码总共做了四个资源，本人已经全部上传。/*做人要厚道，积分慢慢挣。*/
asp.netWebForm(.netFramework) CSRF漏洞
qq_43893277的博客
07-09 460
CSRF（Cross-Site Request Forgery）跨站请求伪造是一种常见的 Web 应用程序安全漏洞，攻击者通过诱使已认证用户在受信任的网站上执行恶意操作，从而利用用户的身份执行未经授权的操作。攻击者通常会在第三方网站上植入恶意代码或链接，当用户访问这些网站时，恶意请求会被发送到目标网站，利用用户的身份执行操作，如更改密码、转账等。CSRF 漏洞可能导致以下安全问题：未经授权的操作：攻击者可以利用 CSRF 漏洞执行未经授权的操作，如更改用户密码、删除账户等。
AJAX-个人版2.0
weixin_65644655的博客
07-10 1304
AJAX（Asynchronous Javascript And Xml） 传统请求及缺点 传统的请求都有哪些？ 直接在浏览器地址栏上输入URL。 点击超链接 提交form表单 使用JS代码发送请求 window.open(url) document.location.href = url window.location.href = url … 传统请求存在的问题 页面全部刷新导致了用户的体验较差。 传统的请求导致用户的体验有空白期。（用户的体验是不连贯的） 回顾复习 老式的web
Ajax从零到实战
大学生小郑的博客
07-11 1577
Ajax从零到实战
javaweb ajax maven mybatis spring springmvc 在项目中有什么用, 举例说明
最新发布
huanghm88的专栏
07-11 299
假设我们正在开发一个在线商城的网站，使用JavaWeb技术，我们可以借助Maven来管理项目的依赖库和构建过程，使用AJAX来实现商品搜索功能，用户可以在输入关键字时异步请求服务器返回匹配的商品信息，而不需要刷新整个页面；使用SpringMVC来处理用户的请求和页面渲染，例如当用户浏览商城首页时，SpringMVC可以根据请求路径调用相应的Controller处理方法，并使用模板引擎来渲染页面，最后将页面返回给用户。通过这些技术的组合，我们可以开发出一个功能完善、性能稳定的在线商城网站。
Asp.net2.0(C#)培训课件
08-21
Asp.net2.0(C#)是一种用于构建Web应用程序的编程框架。它是微软的一种技术，为Web开发人员提供了一个强大且灵活的平台，以构建动态和交互性的网站和应用程序。Asp.net2.0使用C#语言进行编程，为开发人员提供了广泛的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值