学了Ajax,今天来一个总结
首先什么是Ajax:Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。直白的说就是实现局部刷新:提升用户的体验。(jsp:同步方案(顺序流执行的))
在Ajax中,有几个技术要结合用:
静态部分:HTML,CSS,用于美化外观。
JavaScript:JavaScript可以操作DOM(文档对象模型)。
xml/json:数据交换。
XMLHTTPRequest对象:这是Ajax核心,用于异步的访问服务器
现在来在一个JS文件中创建并且封装好一个Ajax基本创建函数。
var xmlHttp;
//创建了一个xmlhttprequest对象
function createXMLHttpRequest() {
if (window.XMLHttpRequest) { // 如果可以取得XMLHttpRequest
xmlHttp = new XMLHttpRequest(); // Mozilla、Firefox、Safari
}else if (window.ActiveXObject) { // 如果可以取得ActiveXObject
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
}
}
//对外提供的请求方法
function startRequest(urlString,handleStateChange) {
createXMLHttpRequest(); // 创建非同步请求
xmlHttp.onreadystatechange = handleStateChange; // 创建状态改变调用的函数
xmlHttp.open(