Dom在ajax技术中的作用说明

今天我们来讲一下Dom在ajax技术中的作用．当你使用ajax向服务端发出请求，并返回数据到客户端时．你是怎么 将这些返回的数据显示到网页上的？毫无疑问的你使用的是Dom，利用Dom的各个指令．来向html中添加你想要显示的内容．例如：getElementById也或是getElementsByTagName查找元素

innerHTML显示内容?还是appendChild添加元素?当然创建一个不存在的元素也是可以的createElement可以轻松实现． 如果你想要创建够酷够炫的ajax效果．这些指令你都不应该陌生．否则你就应该好好学习一下Dom知识了！ 甚至你网页中的表格都可以使用Dom进行管理．Dom专门针对表格元素提供了一组指令．insertRow为表格增加一行，insertCell为表格增加一列等等.......包括你的下拉列表可以使用options对象进行操作．Dom在html网页中无所 不能，至少我是这么认为的．没有Dom的死心塌地的配合．ajax也不会如此的炫．如今这么注重用户体验年代里，掌握Dom应该是每个前端开发者的必备技能．到本站的ajax栏目里看一下我写的＂ajax原创系列教程＂你会明白我为什么把Dom讲得如此重要．而且几乎所有的Dom指令都会在Web圈的Dom手册里找到．祝您学习愉快！Dom还在进步．我们拭目以待！

作者：康董 出自：Www.Web666.Net

赞 (0)

相关推荐

  • Dom在ajax技术中的作用说明

    今天我们来讲一下Dom在ajax技术中的作用．当你使用ajax向服务端发出请求,并返回数据到客户端时．你是怎么 将这些返回的数据显示到网页上的?毫无疑问的你使用的是Dom,利用Dom的各个指令．来向html中添加你想要显示的内容．例如:getElementById也或是getElementsByTagName查找元素 innerHTML显示内容?还是appendChild添加元素?当然创建一个不存在的元素也是可以的createElement可以轻松实现． 如果你想要创建够酷够炫的ajax效果．这

  • 关于Ajax技术中servlet末尾的输出流

    Ajax的服务器端用PrintWriter out=resp.getWriter()来响应数据的时候,out.print(0).out.print(1)来表示成功或失败,而不用out.write是有原因的,首先来看一下print和write两者的异同点. 共同点是:两者都不刷新页面,只在原来的页面写数据.最终都是重写了抽象类Writer里面的write方法. 区别是:print方法可以将各种类型的数据转换成字符串的形式输出.而重载的write方法只能输出字符.字符数组.字符串等与字符相关的数据.

  • Ajax请求中async:false/true的作用分析

    本文实例分析了Ajax请求中async:false/true的作用.分享给大家供大家参考,具体如下: test.html代码: <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js代码: function testAsync(){ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', com

  • javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

    本文实例讲述了javascript和 jQuery中的AJAX技术.分享给大家供大家参考,具体如下: 1.什么是AJAX? AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面.

  • 详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)

    test.html <a href="javascript:void(0)" rel="external nofollow" onmouseover="testAsync()"> asy.js function testAsync(){ var temp; $.ajax({ async: false, //同步请求 type : "GET", url : 'tet.php', complete: function(

  • PHP开发中AJAX技术的简单应用

    AJAX无疑是2005年炒的最热的Web开发技术之一,当然,这个功劳离不开Google.我只是一个普通开发者,使用AJAX的地方不是特别多,我就简单的把我使用的心得说一下.(本文假设用户已经具有JavaScript.HTML.CSS等基本的Web开发能力) [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法.Web页面不用打断交互流程进行重新加裁,就可以动态地更新.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. 异步J

  • Ajax技术(WEB无刷新提交数据)-

    Ajax内部交流文档一.使用Ajax的主要原因 1.通过适当的Ajax应用达到更好的用户体验: 2.把以前的一些服务器负担的工作转嫁到客户端,利于客户端闲置的处理能力来处理,减轻服务器和带宽的负担,从而达到节约ISP的空间及带宽租用成本的目的. 二.引用 Ajax这个概念的最早提出者Jesse James Garrett认为: Ajax是Asynchronous JavaScript and XML的缩写. Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发

  • ajax 技术和原理分析

    ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体.它由下列技术组合而成. 1.使用CSS和XHTML来表示. 2. 使用DOM模型来交互和动态显示. 3.使用XMLHttpRequest来和服务器进行异步通信. 4.使用javascript来绑定和调用. 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且已经得到了广泛使用的,XMLHttpRequest虽然目前还没有被W3C所采纳,但是它已经是一个事实的标准,因为目

  • AJAX应用中必须要掌握的重点知识(分享)

    AJAX是什么? 是Asynchronous Javascript And XML的首字母的缩写, 它不是一门的新的语言,而是对现有技术的综合利用. 其本质是在HTTP协议的基础上以异步的方式与服务器进行通信. 异步的概念? 指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 异步的作用? 其优势在于不阻塞程序的执行,从而提升整体执行效率. AJAX的核心? XMLHTTPRequest,简写XHR,Xml可扩展标记语言,Http超文本传输协

  • Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

    前言: 咋一看标题还挺长的呢,还有这么多功能,其实简化一点就是一个功能,异步表单提交,只是在异步表单提交这个大功能下,可以实现图片上传,模拟ajax技术(其实很早以前就是通过这个方式来实现多浏览器的兼容ajax,这里只是怀怀旧,作为一个技术来玩玩),下面的内容需要有一定的js基础,要不然理解起来会比较困难. 注意事项: 这是我bBank里面的一个方法,现在我把他提取出来成一个通用方法来讲解. bBank 框架介绍:http://www.cnblogs.com/bruceli/archive/20

随机推荐