您的位置:首页 > 其它

Ajax

2015-06-30 18:04 302 查看

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标签

targetsstring逗号分隔的Html元素id列表,这些元素的内容将被更新
handlerstring指定处理请求的Javascript函数名
formIdstring指定表单id,表单的字段将被序列化作为参数传递
formFilterstring指定过滤表单字段的javascript函数名
loadingTextstring指定请求赈灾处理时,targets属性指定表单元素显示的内容
errorTextstring请求失败时targets属性指定的表单元素显示的文本
executeScriptboolean若果为true,请求返回内容中的Javascript将被执行






<sx:tree>
<sx:treenode>
...
</sx:tree>

datetimepicker 



json插件

在action类中的json注释



json的action配置



json返回对象



文件上传下载

文件上传表单



文件上传action类



action配置



文件下载action类



action配置



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: