ajax添加html显示在当前页面ain,jQuery在AJAX技术框架中页面加载的应用

AJAx技术通过异步方式的数据传输实现web服务的有效性和独立性,jQuery是一个JavaScript库,可兼容CSS3和各种浏览器,具有使用户的html页保持代码html内容分离的功能。jQuery与AJAx技术相结合,实现以简洁的代码,减少从服务器请求的信息,增加网页局部功能响应,提高页面加载速度。

计算机时代 2 1年第 8 01期

2 5

j u 在 AJ X技术框架中页面加载的应用 r Q y e A

何丽，龚旺 (四川理工学院计算机学院，四川自贡 6 3 0 ) 40 0

摘要：AJ Ax技术通过异步方式的数据传输实现 we服务的有效性和独立性， ur￣ -个 Jv Sr t,兼容 CS 3 b j ey _ Q aa ci库可 p S和各种浏览器，有使用户的 hml具 t页保持代码和 h内容分离的功能。j u r与 A A t ml Q ey J X技术相结合，现以简洁的代码，实 减少从服务器请求的信息，加网页局部功能响应，高页面加载速度。增提 关键词：j u r;A A Q ey J x技术；hml页面加载 t;

中图分类号：T 3 .0 P 1 1 1文献标识号： B文章编号：0 6 8 2 (0 ) 8 2— 2 10— 2 82 1 0— 5 0 1

Ap l ain o Qu r n P g a ig i J X eh oo y F a wo k pi t fJ e y o a eLo dn n A A T c n lg r me r c o

HE i l,GONG a g W n

(colo o p trSine i u n U i r t o c ne& En i ei,Zg n,Scu n 6 3 0,C ia Sh o f C m ue c c.Sc a nv sy f Si c e h ei e gn r g iog i a 4 0 0 hn ) e n h Abtat J X eh oo y ahee h f cie es ad idp n ec fWe evc y ay crn u aa t nmi in Q ey s c:A A tc n lg c i ste e et n s n n ee dn e o b srie b sn ho o sd t r s s o .j u r r v v a s

i a a a rp l r r,c mp tb e s J v Sc i t i a y o a i l wi CSS a d v re y f b o e s a t e un t n f a l wi g s r t s pa a e ht g b t h 3 n a a i t o r ws r,h s h f c i o lo n u e s o e r t ml pa e o

cd rm t o t t oef o hmlc ne .Co iig j ey ad AJ X eh oo y cl rd c h eu se nomain

f m ev r nrae lcl n mbnn Qur n A tc n lg al eu e te rq etd ifr t r sre,ices oa o o

we pa e e p n e a a ii a i r v a e o d ng s e d y o b g r s o s c p b lt nd mp o e p g l a i p e b c mpa t c de . y c o s

Ⅳn r s Qur;A AX eh ooy;hml a e laig y wod:j ey J tcn lg t;p g odn

0引言

随着用户对 It t ne网络服务器提出更高的要求， me传统 we b

Jur使用户能更方便地处理 H ML d cme t、vns实现 qe y T o u nse et,

动画效果。Jur最大的优点是它的操作文档很全， qe y各种应用

同时还有许多成熟的插件可供选择。Ju r qe y技术的同步请求一响应系统架构逐渐显现出不足，中最为突的表达非常详细，其 t页保持代码和 hml t内容分离，不用在 hml t里出的一点是每次客服端更新信息、获取数据时都要浪费大量时能够使用户的 hml

s实现只需定义 i。 d问读取整个页面的数据。采用 AJ AX技术可以挖掘并开发 we面插入一堆j来调用命令， b

浏览器的潜力，结合 J ur使用户方便地为网站提供 A A q ey J X交互的特点，变传统 we应用和开发模式，改 b提供全新的用户上

网体冯 u 金。

1 q ey A A . J u r和 J X技术相结合应用 3

Jur使用户能更方便地处理 HT q ey ML,便为网站提供方

1J u r和 A A q ey J X技术

11 A A . J X技术概述

AA J x交互“。Jur可以将 A A qe y J X技术开发模式简单化，保证程序简洁易读。Ju r q ey提供有一些函数，可以使简单的工作

变得更加简单，复杂的工作变得不再复杂。例如， Ju r和将 qe y

AA J X技术相结合，使用 la( o d)函数即可简单地选择所需的元

素 】。

AJ AX( snho o sJvS r ta d x A y crn u aa ci n ML) p是一种用于创

建更好更快以及交互性更强的 We b应用程序的技术，是独立

于 We b服务器软件的浏览器技术。 A AX是一种采用异步交互过

程的 We J b服务{通过 2 I, A AX,aa cit可使用 JvS r t的 XML t R q et对 J Jv Sr p aa ci p H t e us p象直接与服务器通信，aa cit可在不重载页面的情况下与 JvS r p We￣务器交换数据，用阻塞用户。A A bE]不 J X技术可看作为服

2网页评论功能加载页面速度实验及结果

21 J能页面模块主要代码 .功

创建表单提交事件

￥’p s_ o ( o tc mme tfr ) u mifn t n{# n o m’s b tu ci 0 . ( o

_

v rsau ￥” p s o a tts ( o tc mme tsau”# n tts):

_

务器和客服端的一个过渡层，它使用户操作与服务器响应异步

化，网页从服务器请求的信息量减少，使从而到达响应速度加

快的目的。

12 J u r概述 . q ey

sau .ie”lw”: ttshd ( o ) s

…… . .

此处略去对用户输入的数据做出判断的代码 .需要查看如

源码请参看光盘中ju r. is文件 q eyi t n. j ):

/建一个 A AX对象/创 J

Jur是一个 Jv sr t。它兼容 C S和各种浏览器。 q ey a aci库 p S3

收稿日期：0 17 0 2 1— - 5

作者简介：丽 ( 9 3 )女，四川自贡人，川理工学院助理实验师，何 18一， I四电子科技大学在读硕士，要研究：件应用与理论、象处理。主软图