struts2实现ajax交互.pdfVIP

课程目标 了解Struts2中ajax的响应方式(响应text文本、响 应json集合) 掌握Struts2和ajax交互的代码规范 Sturts2响应json的代码规范和配置规范 1 / 16 上一课内容回顾 1， 2， 3， 2 / 16 Ajax交互过程回顾 Ajax的原理，简单来说通过XmlHttpRequest对象来向服 务器发异步请求，从服务器获得数据，然后用 javascript来操作DOM而更新页面。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先 引入的，是一种支持异步请求的技术。简单的说，也就 是javascript可以及时向服务器提出请求和处理响应， 而不阻塞用户。达到无刷新的效果。 3 / 16 XMLHttpRequest对象的属性 readyState,HTTP请求的状态.当一个XMLHttpRequest初次创建时，这 个属性的值从0开始，直到接收到完整的HTTP响应，这个值增加到4。 0 (未初始化) 1 (初始化)  2 (发送数据)  3 (数据传送中)  4 (完成) 数据接收完毕 onreadystatechange,事件句柄,每次 readyState 属性改变的时候调 用的事件句柄函数。当 readyState 为 3 时，它也可能调用多次。 responseText从服务器进程返回数据的字符串形式，如果 readyState 小于 3，这个属性就是一个空字符串 responseXML，解析为XML并作为Document对象返回。如果响应体不是 “text/xml”返回null status,从服务器返回的数字代码，比如常见的404 （未找到）和200 （ 已就绪） statusText,用名称而不是数字指定了请求的HTTP的状态代码。也就是 说，当状态为 200 的时候它是 OK，当状态为 404 的时候它是 Not Found 4 / 16 JavaScript方法举例 var xmlhttp ; 参考 function loadXMLDoc(url){ xmlhttp = new XMLHttpRequest (); if(xmlhttp!=null){ xmlhttp.onreadystatechange=state_Change; xmlhttp.open (GET,url,true); xmlhttp.send (null); }else{ alert(Your browser does not support XMLHTTP.); } } function state_Change(){ if (xmlhttp.readyState==4) {// 4 = loaded if (xmlhttp.status==200) {// 200 = OK document.getElementById(msg).innerHTML=xmlhttp.responseText ; }else{ alert(“Problem ret