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标签
targets | string | 逗号分隔的Html元素id列表,这些元素的内容将被更新 |
handler | string | 指定处理请求的Javascript函数名 |
formId | string | 指定表单id,表单的字段将被序列化作为参数传递 |
formFilter | string | 指定过滤表单字段的javascript函数名 |
loadingText | string | 指定请求赈灾处理时,targets属性指定表单元素显示的内容 |
errorText | string | 请求失败时targets属性指定的表单元素显示的文本 |
executeScript | boolean | 若果为true,请求返回内容中的Javascript将被执行 |
<sx:tree>
<sx:treenode>
...
</sx:tree>
datetimepicker
json插件
在action类中的json注释
json的action配置
json返回对象
文件上传下载
文件上传表单文件上传action类
action配置
文件下载action类
action配置
相关文章推荐
- 关于apache以fastcgi模式运行php的错误理解纠正
- 磁悬浮科技产品
- 使用官方Fedora22 ISO镜像制作OpenStack云镜像
- MongoDB 安装
- 把图片生成Base64字符串
- WEB版一次选择多个文件进行批量上传(Plupload)的解决方案
- AMQP机制
- 磁悬浮技术 磁悬浮自行车
- 12个有趣的 XSS Vector
- 在Datagridview 控件DataGridViewComboBoxColumn怎么点两次才下拉下来
- 屏蔽DataGridView控件DataError 事件提示的异常信息
- block的实现原理
- 屏蔽DataGridView控件DataError 事件提示的异常信息
- 在Datagridview 控件DataGridViewComboBoxColumn怎么点两次才下拉下来
- Gnome的配置参数管理
- poj 3639 dp
- Js jq获取select值
- 对Memcached使用的总结和使用场景
- myeclispe,http404
- 使用SSL的IIS下WCF配置(CSDN手动迁移)