Ajax

最新推荐文章于 2024-11-05 21:37:11 发布

翻译最新推荐文章于 2024-11-05 21:37:11 发布 · 401 阅读

收录于

struts

本文详细解析了XMLHttpRequest对象的创建与使用，包括属性、方法及AJAX标签的应用，同时介绍了如何利用XMLHttpRequest进行登录操作，并讨论了在Struts2-Dojo插件下使用AJAX的技术细节。此外，文章还覆盖了AJAX中常用标签的使用场景，如树形结构展示、日期选择器、JSON数据交互等，并深入探讨了文件上传、下载的基本实现。

XMLHttpRequest

<script language="javascript" type="text/javascript">
<!--
    var xmlhttp;

    // 创建XMLHTTPRequest对象
    function createXMLHTTPRequest(){
        if(window.ActiveXObject){ // 判断是否支持ActiveX控件
            // 通过实例化ActiveXObject的一个新实例来创建XMLHTTPRequest对象
            xmlhttp = new ActiveObject("Microsoft.XMLHTTP");     
         }else if(window.XMLHTTPRequest){ // 判断是否把XMLHTTPRequest实现为一个本地javascript对象
            xmlhttp = new XMLHTTPRequest(); // 创建XMLHTTPRequest的一个实例（本地javascript对象）
         }
    }
//-->
</script>

XMLHttpRequest对象的属性和方法

readyState属性代表请求状态

<script type="text/javascript">
 /*定义xmlhttprequest变量*/
 var XHR= false;
 function CreateXHR(){
	 try{
		 	/*检查能否用activexobject*/
			XHR = new ActiveXObject("msxml2.XMLHTTP");
		}catch(e1){
			try{
				/*检查能否用activexobject*/
				XHR = new ActiveXObject("microsoft.XMLHTTP");
			}catch(e2){
				try{
					/*检查能否用本地javascript对象*/
					XHR = new XMLHttpRequest();
				}catch(e3){
					//创建失败
					XHR = false;
				}
			}
		}
     }   
function sendRequest(){
  //创建xmlhttprequest对象
   CreateXHR();
   if(XHR){
	 //创建成功
	 //得到name的值
	 var name=document.getElementById("name").value;
	 //得到password的值
	 var password=document.getElementById("password").value;
	 //要访问的uri
	 var uri="http://localhost:8080/AjaxDemo/login.action?name="+name+"&password="+password;
	//var uri="http://localhost:8080/AjaxDemo/login.action?name=1&password=1";
	//访问open
     XHR.open("GET",uri,true); 
	//设置事件触发器
     XHR.onreadystatechange = resultHander; 
	//发送请求
     XHR.send(null); 
  } 
}
 function resultHander(){
	 //检查状态
   if (XHR.readyState == 4 && XHR.status == 200){ 
	  //显示提示框
      alert(XHR.responseText);
    }
 } 
</script>

ajax 标签

引入 struts2-dojo-plugin

在jsp使用时加入<%@ taglib prefix="sx" uri="/struts-dojo-tags" %> ... <sx:head>

a标签

targets	string	逗号分隔的Html元素id列表，这些元素的内容将被更新
handler	string	指定处理请求的Javascript函数名
formId	string	指定表单id，表单的字段将被序列化作为参数传递
formFilter	string	指定过滤表单字段的javascript函数名
loadingText	string	指定请求赈灾处理时，targets属性指定表单元素显示的内容
errorText	string	请求失败时targets属性指定的表单元素显示的文本
executeScript	boolean	若果为true，请求返回内容中的Javascript将被执行