Ajax异步请求
2014-03-09 14:26
127 查看
在网页中如何实现页面局部刷新,JavaScript提供了一种方法,Ajax(Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。
上面方法,通过封装后可以通过startRequest(uri,param),方法直接发起HTTP的post或get请求,请求成功后再showResult()函数中解析请求的结果。
/*创建Ajax*/ function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } /*发起请求*/ function startRequest(url,param) { createXMLHttpRequest(); try { xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open("POST", url, true); xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlHttp.send(param); } catch (e) { alert("xmlHttp Fail"); } } /*判断是否请求成功*/ function handleStateChange() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200 || xmlHttp.status == 0) { showResult(); } } } /*处理数据和显示*/ function showResult(){ alter(xmlHttp.responseText); } /*发起一个HTTP请求*/ function httpRequest(){ /*发起post请求,参数用&连接*/ var param ="type=" + subtype + "&content=" + subcontent; /*如果是get请求,参数可以直接带在后面*/ /*var uri="http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx?type="+subtype + "&content=" + subcontent;*/ var uri = "http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx"; startRequest(uri,param); }
上面方法,通过封装后可以通过startRequest(uri,param),方法直接发起HTTP的post或get请求,请求成功后再showResult()函数中解析请求的结果。
相关文章推荐
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- Dom在ajax技术中的作用说明
- 探讨Ajax中同步与异步之间的区别
- ajax 动态传递jsp等页面使用id辨识传递对象
- AJAX简单应用实例-弹出层
- jquery对ajax的支持介绍
- Ajax 说的比较清楚的一篇文章
- 强烈推荐 - Ajax 技术资源中心
- Ajax PHP简单入门教程代码
- ajax 的post方法实例(带循环)
- Ajax Throws Sys.WebForms.PageRequestManagerErrorException with Response.Redirect的解决方法
- 解决asp.net ajax sys未定义的解决方法
- 微软ajax库的使用方法(ajax.ajaxMethod)
- php+AJAX传送中文会导致乱码的问题的解决方法
- javascript ajax类AJAXRequest2007-12-31 更新
- asp.net下ajax.ajaxMethod使用方法
- 使用jQuery简化Ajax开发
- jquery $.ajax相关用法分享
- 使用AJAX进行WEB应用程序开发的方法