JavaScript——ajax技术
javascript 在 2003 年时面临着被程序界淘汰的局面,但是 javascript 除了在页面上做些广告特效外,没变法与后台数据交互,这样就显得鸡肋,在加上这个广告使得用户反感,所以就被程序界有所放弃。但是在 2003 年微软的工程师在 com+控件中封装得到了一个 XMLHttpRequest 对象在后,被 Google 工程师发扬光大发明了 Ajax 技术,使得 javascript 焕发了新的生机,可以说 Ajax 就是 javascript 得以生存到现在的直接原因。随着 ajax 技术的不断被使用,javascript 在程序界就显得更加重要了,特别是在 10 年左右的 node.js 的出现,javascript 已经不仅仅是在客户端编程了,在服务器端也有了一席之地。移动互联网的发展也为 javascript 的越来越火提供了强大的动力。
经过上面介绍可以得知JavaScript原来的作用是极为单一的,只是做一些简单的作用但是由于ajax技术的诞生,越来越有着极其重要的作用。原生ajax的使用可以分为以下几个步骤:
1、创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
2.打开
//打开连接,open方法有三个参数
第一个是访问的请求方式
第二个是访问服务器的URL
第三个是一个Boolean值,true表示异步
false表示同步,一般为异步,默认是true
当请求是GET时,参数可以直接在URL后面拼接,如:
ajax.do?name=liujianhong&password=123
当参数拼接时,一定要加?表示携带参数,当存在多个参数时,
每个参数间使用&拼接,注意参数时键值对的方式,以等号连接
xhr.open("GET","ajax.do",true);
3、ajax的回调函数
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
alert(xhr.responseText);//得到服务器端的文本数据
alert(xhr.responseXML);//得到服务器端的XML数据 }
};
};
xhr.send();
}
}
Ajax 的使用包括了四步:
1、 得到 XMLHttpRequest 对象,注意如果要兼容 IE6 则使用我注释的代码
2、 使用 XMLHttpRequest 对象的 open 方法,注意参数问题
3、 Ajax 的回调函数,服务器响应后,得到数据的处理
4、 发送请求 send 方法。
1、 得到 XMLHttpRequest 对象,注意如果要兼容 IE6 则使用我注释的代码
2、 使用 XMLHttpRequest 对象的 open 方法,注意参数问题
3、 Ajax 的回调函数,服务器响应后,得到数据的处理
4、 发送请求 send 方法。