原副标题:Java Web两栖作战合作开发 | AJAX合作开发关键步骤(附音频贪食蛇)
此栏AJAX控制技术的基本原理和合作开发的具体关键步骤。
01
AJAX允诺实例
上面透过例10-1来传授AJAX合作开发关键步骤。
【例10-1】AJAX合作开发步骤。
假定在网页两个按键,当空格键该按键后,向后端伺服器发出AJAX允诺,回到许多文档重要信息,并将文档重要信息的文本表明到按键上面的div部份,以同时实现网页的局部性创下。上面依照10.1节如是说的关键步骤展开合作开发。
(1) 增建两个Web工程项目,取名Chapt_10,在WebContet下增建两个JSP网页,重新命名为index.jsp,撰写标识符如下表所示:
(2) 在WebContent下增建两个JSP网页,重新命名为ajaxResponse.jsp,标识符如下表所示:
(3) 出访index.jsp网页,如图10-3所示。
■ 图10-3出访index.jsp网页
(4) 空格键“发送AJAX允诺”按键,index.jsp网页发送AJAX请求后网页展开创下,如图10-4所示。
注意,此时浏览器的地址没有变化,AJAX允诺发送成功,并回到响应,创下了网页中id=result 的div节点的文本。
■ 图10-4index.jsp网页发送AJAX允诺后网页展开创下
02
API解释
上面对例10-1中每个关键步骤使用到的AJAX相关对象和方法展开说明。
(1) 关键步骤1中指定发送AJAX允诺的事件源为按键的空格键事件,并定义事件处理函数ajaxRequest。
不同版本的浏览器,其内置的AJAX对象也是不一样的,因此getAjaxObject方法是透过探测不同浏览器的对象类型,最终回到当前浏览器的内置对象。可以将该方法抽取出来,形成两个外部Java文件,需要时展开调用。
(3) 关键步骤3透过对象的open方法,指定AJAX允诺的目标及方式。在xmlHttp.open(“get”,”ajaxResponse.jsp”,true);这条语句中包含以下3个参数。
① 第两个参数为提交方式,取值为get或者post,上面的例子是使用GET方式T7250,也可以使用POST方式。
② 第二个参数指定处理AJAX允诺的应用程序的URL,可以是JSP网页,也可以是Servlet。如果第两个参数取值是get,可以在URL后面传递参数,如index.jsp?a=1这样的形式。如果第两个参数值是post,并需要传递参数,就需要在关键步骤6之前对允诺头展开设置。
③ 第三个参数指定AJAX允诺是否采用异步方式,候选值为true或者false。其中true表示采用异步方式,这也是一般AJAX允诺的方式。若设置为false,则该允诺采用同步的方式,当允诺发送后,将等待后端应用程序处理结果回到,网页再做响应,在此期间网页处于等待状态。因此,该参数一般设置为true。
(4) 关键步骤4指定处理AJAX响应的方法,使用对象的onreadystatechange属性,并指定回调函数去处理,此处采用的是匿名函数的写法。
(5) 关键步骤5透过判断的状态来处理AJAX允诺回到的响应。对象的属性及描述,如表10-1所示。
■ 表10-1对象的属性及描述
其中,readyState属性表示AJAX响应的状态,当这个属性改变时,就会触发onreadystatechange 事件。readyState属性共有5种变化,分别代表了AJAX响应可能的状态。在后续处理中,可以针对每种响应状态撰写处理标识符。
AJAX响应。如果伺服器响应的格式为文档格式,如例10-1中的JSP网页,或者JSON格式,则使用responseText;若是XML格式,则使用responseXML。
求对响应展开解析并处理,然后利用DOM对象将最终数据动态地加载到要创下的节点元素中,如本例中将回到的JSP网页中的文档文本,赋给id=result的div节点的innerHTML属性,达到网页局部性创下的效果。
注意,若使用innerText属性,则div文本表明时,将不会考虑HTML标签的转义表明,会依照普通文档原样输出。
(6) 关键步骤6为使用对象的send方法,发出AJAX异步允诺。
① 如果在关键步骤3中指定的是GET方式,并且不需要传递参数,就可以参照本例,直接使用xmlHttp.send方法即可。
② 如果在关键步骤3中指定的是POST方式,且需要传递参数,就使用以下语句:
上面两条语句指定该AJAX请求采用POST方式向后端应用程序发送参数a,其值为1。此时参数传递时不会像GET方式那样暴露在地址栏中。
实例传授
Java Web两栖作战合作开发
精彩预告
JDK的安装与配置
Web工程项目的创建与运行
Servlet的创建
JSP变量与表达式
POJO与JavaBean
JDBC操作关键步骤
EL表达式语言
JSTL
过滤器的创建与配置
监听器的创建与配置
03
音频传授
扫码即可观看音频,限时免费3天
04
参考书籍
《Java Web应用合作开发基础(微课音频版)》
作者:肖锋
定价:49.9元
文本简介
本书由浅入深、全面系统地如是说了Java Web应用合作开发的基础控制技术,每章都配以通俗易懂的实例展开传授,以帮助读者能够循序渐进地理解Java Web合作开发的思想、合作开发关键步骤和基本技巧。全书共分为两部份,共12章。第一部份基础知识篇,包括第1~10章,主要传授Java Web合作开发环境的搭建、Java Web应用合作开发基础知识、Servlet基础、Servlet进阶、JSP控制技术、JSP与JavaBean、JSP与JDBC、EL与JSTL、过滤器与监听器、AJAX控制技术等;第二部份实践操作篇,包括第11章简易购物系统的设计与同时实现和第12章改进版购物系统的设计与同时实现。本书适合作为全国高等学校Java Web合作开发相关课程的教材,也适合作为具有部份Java SE基础读者的入门书籍和工具书。