JQuery框架及Ajax技术练习

元素，下列jQuery表达式的写法，正确的是____。

A)$("p:has(div)")

B)$("div:has(p)")

C)$("div:contains(p)")

D)$("p:contains(div)")

34、关于属性过滤选择器，表达式$("div[title=test]")的作用是_____。

A)选取含有title属性的div元素

B)选取title属性包含test的div元素

C)选取属性title为test的div元素

D)选取不包含title属性的div元素

35、如果想要获得包含title属性和id属性的div元素，则jQuery中表达式写法正确的是_____。

A)$("div[id*=title]")

B)$("div[title,id]")

C)$("div[id=title]")

D)$("div[id][title]")

36、想要获得页面中所有的文本框，下列选择器中，合适的有哪一个_____。

A):text

B):input

C):field

D):password

37、有jQuery表达式$("input[name=sex][type=radio]:checked")，该表达式的含义是_____。

A)获得名字为sex的单选按钮元素

B)获得名字为sex的选中的单选按钮元素

C)获得名字为sex的input标签

D)获得选中的input元素

38、选择器:selected的作用是_____。

A)选取被选中的单选按钮

B)选取被选中的单选按钮和复选框

C)选取被选中的复选框

D)选取列表中所有被选中的选项元素

39、选择器:checked的作用是_____。

A)选取列表中所有被选中的选项元素

B)选取所有被选中的单选按钮和复选框

C)选取被选中的单选按钮

D)选取被选中的复选框

40、jQuery提供了以下方法用于操作CSS类，除了____ ____。

A)toggleClass()

B)addClass()

C)removeClass()

D)isClass()

41、往页面中所有的div元素中追加一个标记作为子节点，下列写法中错误的是______。

A)$("div").append("");

B)$("div").append("input")

C)$("div").append(document.createElement("input"))

D)$("").appendTo("div");

42、下列方法中，哪两个方法用于以兄弟节点的形式完成插入节点操作_____。（选两项）

A)append()

B)prepend()

C)after()

D)before()

43、现有jQuery表达式$("#myDiv").append($("#txt"))，该表达式的作用是______。

A)将页面中id为txt的元素复制后追加在id为myDiv的元素中所有子元素的末尾

B)将页面中id为txt的元素复制后添加在id为myDiv的元素中所有子元素的前面

C)将页面中id为txt的元素剪切然后追加在id为myDiv的元素中所有子元素的末尾

D)将页面中id为txt的元素剪切然后添加在id为myDiv的元素中所有子元素的前面

44、假设整个HTML页面中只有一个div元素：

，在调用语句$("div").after("");后，则页面的文档结构将发生变化，变化后的结果为______。

A)

B)

C)

D)

45、下列哪一个方法用于对元素进行替换操作______。

A)replace()

B)wrap()

C)replaceWith()

D)prepend()

46、下列哪一个方法用于对元素进行复制操作______。

A)copy()

B)clone()

C)replaceWith()

D)wrap()

47、在jQuery中，使用empty()方法删除元素的子元素，关于此方法说法错误的是______。

A)empty()方法在调用时接收两个参数

B)empty()方法的作用为清空元素的子元素

C)empty()方法的功能与将元素的innerHTML属性设置为空类似

D)如果元素下面有多级子元素，则调用empty()方法后都将被清空

48、在jQuery中，想要将页面中id为txt的文本框的长度修改为10，则下列语句中正确的是______。（选两项）

A)$("#txt").prop("size",10);

B)$("#txt").attr("size");

C)$("#txt")[0].size = 10;

D)$("#txt").prop(size,10);

49、在JavaScript中，如果想通过DOM的形式操作元素应用的类样式，则对应的类样式属性名称为______。

A)class

B)className

C)classes

D)Class

50、在jQuery中，假设id为txt的元素同时应用了A、B、C三种类样式，想要将该元素应用的类样式A、B同时删除，则下列写法中正确的是______。

A)$("#txt").removeClass("A B")

B)$("#txt").removeClass("A")

C)$("#txt").removeClass("B")

D)$("#txt").addClass("A B")

51、下列jQuery方法中，哪一个方法用于进行元素类样式的切换操作_____。

A)addClass()

B)toggleClass()

C)removeClass()

D)changeClass()

52、有如下jQuery代码：$("#txt").toggleClass("show");，关于该行代码的说法中正确的是______。

A)为元素添加指定的类名称

B)为元素删除指定的类名称

C)如果该元素已拥有指定类名称，则从元素中删除指定类名称，如果在元素中指定的类名称不存在，则添加指定类名称

D)为元素绑定点击切换事件

53、在jQuery中想要获得id为myDiv的div元素的宽度，则下列写法中正确的是______。

A)$("#myDiv").css(width)

B)$("#myDiv").css({width})

C)$("#myDiv").css("width","500px")

D)$("#myDiv").css("width")

54、jQuery代码$("#myDiv").html("")的作用是____。

A)用于获得元素的文本内容

B)用于获得元素的HTML内容

C)用于设置元素的HTML内容

D)用于设置元素的文本内容

55、在jQuery中，用于获得文本框的值，对应的方法是______。

A)val()

B)html()

C)text()

D)css()

56、jQuery表达式$(":text").val("abc")的作用是______。

A)将页面中所有的文本框获得，接着将第一个文本框的值修改为abc

B)获得页面中所有文本框的值

C)获得页面中第一个文本框的值

D)将页面中所有的文本框的值修改为abc

57、jQuery表达式$(":text").val()的作用是_____。

A)获得页面中所有文本框的值

B)获得页面中第一个文本框的值

C)设置页面中第一个文本框的值

D)设置页面中所有文本框的值

58、jQuery表达式$(":radio[name=grade]").val(["grade2"])的作用是______。

A)将页面中名字为grade的单选按钮的值设置为grade2

B)获得页面中名字为grade的单选按钮组中选中项的值

C)获得页面中名字为grade的单选按钮组，并且让值为grade2的单选按钮选中

D)读取名字为grade2的单选按钮的值

59、下列jQuery方法中，哪几个可以用于事件处理程序的绑定__ ____。（选三项）

A)click()

B)bind()

C)one()

D)unbind()

60、在获得jQuery中的事件对象后，通过该对象的哪个属性获得事件源对象_____。

A)which

B)srcElement

C)target

D)data

61、jQuery事件对象Event的哪一个属性用于获得事件类型______。

A)type

B)eventType

C)keyCode

D)which

62、在jQuery中，想要获得用户按下的键，则对应的事件对象属性为___ _。

A)data

B)keyCode

C)key

D)originalEvent

63、下列jQuery事件中，哪个属于合成事件______。（选两项）

A)hover()

B)click()

C)mouseover()

D)toggle()

64、offset函数的作用是什么？

A)取得当前元素相对于其父元素的偏移

B)取得当前元素相对于其祖先元素的偏移

C)取得当前元素相对于当前window对象的偏移

D)取得当前元素相对于桌面的偏移

65、position函数的作用是什么？

A)取得当前元素相对于其父元素的偏移

B)取得当前元素相对于其祖先元素的偏移

C)取得当前元素相对于其文档元素的偏移

D)取得当前元素相对于其第一个position样式为Absolute或者Relative父元素的偏移

兄弟节点

66、show函数所对应的动画效果是？（选2项）

A)创建元素，并显示出来

B)让元素显示出来，无需创建元素

C)可以控制元素创建的速度

D)可以控制元素显示的速度

67、关于动画中控制时间的"fast"关键字是多长时间

A)100毫秒

B)200毫秒

C)300毫秒

D)600毫秒

68、动画的时间控制方面的参数，是以什么为单位

A)秒

B)毫秒

C)分钟

D)小时

69、fadeTo(1000,0.5)是什么意思？

A)表示在一秒内把元素的不透明度从1变到0.5

B)表示在一秒内把元素的不透明度从0变到0.5

C)表示在一秒内把元素的不透明度从当前值变到0.5

D)表示在一秒内把元素的透明度从0变到0.5

70、$("div").animate({top:"+=500px"},5000)，这种写法是什么意思？

A)在5秒内不断增加top属性的值

B)在5秒内不断给top属性赋值为500px

C)在5分钟内不断增加top属性的值

D)在5分钟内不断给top属性赋值为500px

71、停止动画的函数名为什么？

A)pause

B)preventDefault

C)stop

D)Pause

72、动画效果中，fadeToggle方法的作用是？

A)使元素以淡出的效果隐藏

B)使元素以淡入的效果显示

C)如果元素隐藏，则以淡出效果将元素显示，如果元素显示，则以淡入的效果让元素隐藏

D)使元素以滑上或滑下的效果隐藏或显示

73、$("#header").show("slow").hide("fast")会是个什么效果？

A)直接报错

B)时而隐藏，时而显示

C)先慢慢显示后快速隐藏

D)先快速隐藏后慢慢显示

74、以下对show方法的调用错误的是？

A)show(1000)

B)show("fast")

C)show("slow")

D)show(100,"fast")

75、在老版本的浏览器中，通过jQuery，想要在javascript中去掉字符串的空格，下列写法正确的是

A)str.trim()

B)trim(str)

C)String.trim(str)

D)$.trim(str)

76、在javascript中，下列创建对象的写法，不正确的是？

A)var obj = {};

B)var obj={a:5;b:7};

C)var obj = new Object();

D)function Student(){};var obj=new Student();

77、要想获得匹配元素后面紧邻的同辈元素，则使用下列哪个方法

A)next()

B)nextAll()

C)prev()

D)siblings()

78、想要获得匹配元素前后所有的同辈元素，则使用下列哪个方法

A)next()

B)parents()

C)siblings()

D)prev()

79、status等于200表示什么？

A)表示服务器响应成功收到

B)表示请求未初始化

C)表示服务器出现错误

D)表示请求已完成

80、children工具函数的作用是什么（选2项）？

A)获取子元素集合，包含自己

B)获取子元素集合，不包含自己

C)获取子元素，包含子元素的子元素

D)获取子元素，不包含子元素的子元素

82、JSON不支持以下哪种数据类型

A)数值

B)对象

C)字符串

D)泛型集合

83、Ajax的优势不包括

A)优秀的用户体验

B)提高Web程序的性能

C)不需要插件支持

D)减轻了客户端负担

84、Ajax请求对象的readyState值为多少的时候，表示请求处理已完成

A)1.0

B)2.0

C)3.0

D)4.0

85、jQuery中对数据进行序列化的方法不包括

A)serialize()

B)get()

C)serializeArray()

D)param()

86、用方法ajax()发送请求时，参数中的哪个属性用于设定请求的地址？

A)data

B)url

C)timeout

D)content-type

87、如果在用jQuery做ajax操作时出现了错误，可以用哪个函数处理

A)ajaxSuccess

B)ajaxComplete

C)ajaxError

D)ajaxStop

88、当执行了$.ajaxSetup({url:"emplist.xxx"})后，$.ajax(data:{"Name":"tom"})将会请求哪个页

面？

A)当前页

B)报错

C)emplist.xxx

D)首页

89、下面哪一个不是Ajax的不足？

A)浏览器对XMLHttpRequest对象的支持度不足

B)破坏浏览器前进，后退按钮的正常功能

C)对搜索引擎的支持不足

D)增加服务器的负担

90、XMLHttpRequest对象的哪2个属性用来取得数据(选2项)

A)responseText

B)status

C)readyState

D)responseXML

91、为了解决一些数据传输时产生的编码问题？常用哪个函数来进行编码处理？（选2项）

A)encodeURI

B)encodeURL

C)encodeURIComponent

D)encodeURLComponent

92、serialize()函数做了哪些事情，除了？

A)收集表单中的有效元素

B)创建正确的格式

C)进行编码

D)序列化为文件

93、表单中的哪些元素会被serialize函数忽略（选2项）

A)禁用的元素

B)未选中的复选框

C)选中的下拉列表项

D)文本框

94、下面哪个写法可以被parseJSON()正确解析

A){age:30}

B){age:"30"}

C){'age':30}

D){"age":30}

95、以下哪个不是jQuery UI库提供的交互组件

A)AJAX组件

B)缩放组件

C)拖动组件

D)投放组件

96、如果想要禁用交互组件，通常使用下列中的哪个命令

A)destroy

B)enable

C)option

D)disable

97、想要判断当前对话框部件的状态是否为打开状态，可以使用下列哪个命令进行判断

A)close

B)open

C)isopen

D)isOpen

98、以下不是Ajax选项卡和普通选项卡的区别是()？

A)两者内容的来源不同

B)两者的元素的href属性设置不同

C)两者都需要创建内容面板

D)两者都可以动态的添加和删除

99、禁用jQuery UI中的日期选择器的代码为哪一个？

A)$("#selector").datapicker("disable")

B)$("#selector").datapicker("disable=true")

C)$("#selector").datapicker("disable:true")

D)$("#selector").datapicker("disable=false")

jQuery Ajax 全解析(.ajax .post .get)

jQuery Ajax 全解析【.ajax .post .get】 1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的 key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("https://www.wendangku.net/doc/a610236366.html,/QLeelulu/archive/2008/03 /30/1130270.html .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即 $(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。 2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求 参数： url (String) : 发送请求的URL地址.

jquery+ajax

jQuery Ajax 实例全解析 jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程HTML 文件代码并插入至DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的HTML 文档，DOM 中将仅插入筛选出的HTML 代码。语法形如"url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("https://www.wendangku.net/doc/a610236366.html,/yeer/archive/2009/06/10/1500682.html .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 这里将显示结果。 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。

jQuery 5种调用AJax的方法

jQuery 如何调用AJax（五种方法）方法一：load() 使用load方法可以帮助你加载非本地的HTML页面，并注入到当前调用的DOM中。 $.ajaxSetup({ cache: false }); var ajax_load = ""; var loadUrl = "ajax/load.php"; $("#load_button").click(function() { $("#result").html(ajax_load).load(loadUrl);

}); cache: false 的意思是让浏览器不执行缓存功能，这样的话页面的内容将实时更新，否则某些浏览器会出现内容不更新的问题，当点击按钮后，因为加载过程需要时间，所以这里我们先使用.html方法来添加一个”加载中”的图片，然后执行load方法。 高级使用方法： 1. 加载页面某一部分 例如只加载ID为”pic”的部分，代码如下： $("#load_button").click(function() { $("#result").html(ajax_load).load(loadUrl + " #pic"); }); 2. 递交参数执行页面加载

可以给load方法添加GET或者POST参数，代码如下： $("#load_get").click(function() { $("#result").html(ajax_load).load(loadUrl, "page=0&size=10"); }); $("#load_post").click(function() { $("#result").html(ajax_load).load(loadUrl, { page: 0, size: 10 }); }); 3. 添加回调函数 回调函数可以让你在结束AJAX调用后调用该函数，比如在页面load后提示用户加载完毕：

jQuery中的Ajax几种请求方法

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。 废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) ：载入远程HTML 文件代码并插入至DOM 中。 url (String) : 请求的HTML页的URL地址。 data (Map) : (可选参数) 发送至服务器的key/value 数据。 callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。 这个方法默认使用GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为POST方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的HTML 文档，DOM 中将仅插入筛选出的HTML 代码。语法形如"url #some > selector"。 这个方法可以很方便的动态加载一些HTML文件，例如表单。 示例代码： $(".ajax.load").load("[url]https://www.wendangku.net/doc/a610236366.html,/QLeelulu/archive/2008/03/30/1130270.html[/url] .post", function (responseText, textStatus, XMLHttpRequest){ this;//在这里this指向的是当前的DOM对象，即$(".ajax.load")[0] //alert(responseText);//请求返回的内容 //alert(textStatus);//请求状态：success，error //alert(XMLHttpRequest);//XMLHttpRequest对象 }); 这里将显示结果。 注：不知道为什么URL写绝对路径在FF下会出错，知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径，所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。 2. jQuery.get( url, [data], [callback] )：使用GET方式来进行异步请求 参数： url (String) : 发送请求的URL地址. data (Map) : (可选) 要发送给服务器的数据，以Key/value 的键值对形式表示，会做为QueryString附加到请求URL中。 callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。 这是一个简单的GET 请求功能以取代复杂$.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用$.ajax。示例代码： $.get("./Ajax.aspx", {Action:"get",Name:"lulu"}, function (data, textStatus){ //返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等. this; // 在这里this指向的是Ajax请求的选项配置信息，请参考下图

jQuery+AJAX+JSON

jQuery 1. 什么是jQuery?? jQuery是一个优秀的JavaScript框架，一个轻量级的JavaScript类库。 jQuery的核心理念是Write less，Do more。 使用jQuery可以兼容各种浏览器，方便的处理HTML、Events、动画效果等，并且方便的为网站提供AJAX交互。 2.jQuery的特点： 利用选择器来查找要操作的节点，然后将这些节点封装成一个jQuery对象，通过调用jQuery对象的方法或者属性来实现对底层被封装的节点的操作。 好处：a、兼容性更好；b、代码更简洁 3.编程步骤： step1、使用选择器查找节点 step2、调用jQuery的属性和方法 4.jQuery对象与DOM对象之间的转换 1. 什么是jQuery对象？？ jQuery对象是jQuery对底层对象的一个封装，只有创建了这个对象，才能使用类库中提供的方法。 2. DOM对象 ----> jQuery对象 DOM对象向jQuery对象的转变很容易，外面追加$和圆括号即可。 function f( ){ var obj = document.getElementById(‘d1’); //DOM -> jQuery对象

var $obj = $(obj); $obj.html(‘hello jQuery’); } 3. jQuery对象 ----> DOM对象 jQuery对象向DOM对象转化，通过调用get方法加参数值0即可$obj.get(0)。 function f( ){ var $obj = $(‘#d1’); //jQuery对象 -> DOM var obj = $(obj).get (0); obj.innerHTML = ‘hello jQuery’; } 5. jQuery选择器 1. 什么是jQuery选择器？？ jQuery选择器是一种类似CSS选择器的特殊说明符号，能够帮助jQuery 定位到要操作的元素上，使用了选择器可以帮助HTML实现内容与行为的分离。只需要在元素上加上Id属性。 2. 选择器的种类 a、基本选择器 #id根据指定的ID匹配一个元素 .class根据指定的类匹配一个元素 element根据的指定的元素名匹配所有的元素

jquery_2.3 Ajax操作新

1.jQueryAjax 编程 1.1. 通过需求回顾Ajax编程 1.1.1.需求：验证用户名是否有效 需求：添加用户名的离焦校验 html代码 JS代码： 服务端代码：

jquery里面Ajax几种不同的调用方法

深圳网站建设 ：https://www.wendangku.net/doc/a610236366.html, jquery 里面Ajax 几种不同的调用方法 我们经常会使用ajax 去调用我们的.net 里面的ashx 去实现无刷新调用数据的方法，下面我们就来讲一下我们常用的几种方法。 第一种方法是load 方法，下面是我们的代码 //url.ashx 是调用的地址，data 是返回的信息 $(".div").load("url.ashx", function (data){ //得到的信息 }); //url.ashx 是调用的地址，data 是返回的信息，type 是参数类型，有post ，与get 两种，datatype 是返回参数的类型，id 是传入的参数 第二种方法就是$.ajax 方法，代码如下 $.ajax({ url: "url.ashx", type: "GET", dataType: "json", data: { id: "1" }, success: function (data) { //得到的信息 } }); //url.ashx 是调用的地址，data 是返回的信息，id 是传入的参数 第三种方法就是$.get 方法，代码如下 $.get("url.ashx", { id: "1"}, function (data, textStatus){ //得到的信息 }); //url.ashx 是调用的地址，data 是返回的信息，id 是传入的参数 第四种方法就是$.post 方法，代码如下 $.post("url.ashx", { id: "1"}, function (data, textStatus){ //得到的信息 });

jquery ajax实现跨域请求的方法

这篇文章主要介绍了jquery+ajax实现跨域请求的方法,详细介绍了前台及后台的处理方法,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了jquery+ajax实现跨域请求的方法。分享给大家供大家参考。具体实现方法如下： 说明：这里的datatype 为jsonp ；type 只能为get 前台请求代码如下： 代码如下: $.ajax({ type: get, url: , datatype: jsonp, jsonp: jsoncallback, success: function (result) { alert(result.success); alert(result.content); }, error: function (result, status) { //处理错误 } }); 后台处理代码validaccountsexists.aspx如下： 代码如下: string accounts = gamerequest.getquerystring(accounts); string jsoncallback = gamerequest.getquerystring(jsoncallback); response.contentencoding =system.text.encoding.utf8; response.contenttype = application/json; response.write(jsoncallback + ({\success\:\true\,\content\:\ + accounts + \})); response.end(); 希望本文所述对大家的jquery程序设计有所帮助。

jQuery调用AJAX异步操作超清晰教程

JQUERY AJAX异步操作详细说明 AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和XML）。它并非一种新的技术，而是以下几种原有技术的结合体。 1)使用CSS和XHTML来表示。 2)使用DOM模型来交互和动态显示。 3)使用XMLHttpRequest来和服务器进行异步通信。 4)使用javascript来绑定和调用。 通过AJAX异步技术，可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型： 1)不需要用户等待服务端响应。在异步派发XMLHttpRequest请求后控制 权马上就被返回到浏览器。界面不会出现白板，在得到服务器响应之前 还可以友好的给出一个加载提示。 2)不需要重新加载整个页面。为XMLHttpRequest注册一个回调函数，待 服务器响应到达时，触发回调函数，并且传递所需的少量数据。“按需 取数据”也降低了服务器的压力。 3)不需要使用隐藏或内嵌的框架。在XHR对象之前，模拟Ajax通信通常 使用hack手段，如使用隐藏的或内嵌的框架(