实现 ajax 之前必须要创建一个 XMLHttpRequest 对象。这是必须的。那么对使用 js 实现 ajax 的代码感兴趣的朋友可以参考下本文
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
AJAX = Asynchronous JavaScript and XML.
AJAX 是一种创建快速动态网页的技术。
AJAX 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下,对网页的一部分进行更新。
实现 ajax 之前必须要创建一个 XMLHttpRequest 对象。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject. 具体方法如下:
- var xmlHttp;
- function createxmlHttpRequest()
- {
- if (window.ActiveXObject) {
- xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
- }
- else if
- (window.XMLHttpRequest)
- {
- xmlHttp=new XMLHttpRequest();
- }
- }
(1)下面使用上面创建的 xmlHttp 实现最简单的 ajax get 请求:
- function doGet(url)
- {
- // 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
- createxmlHttpRequest();
- xmlHttp.open("GET",url);
- xmlHttp.send(null);
- xmlHttp.onreadystatechange = function()
- {
- if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200)) {
- alert('success');
- }
- else
- {
- alert('fail');
- }
- }
- }
(2)使用上面创建的 xmlHttp 实现最简单的 ajax post 请求:
- function doPost(url,data)
- {
- // 注意在传参数值的时候最好使用encodeURI处理一下,以防出现乱码
- createxmlHttpRequest();
- xmlHttp.open("POST",url);
- xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
- xmlHttp.send(data);
- xmlHttp.onreadystatechange = function()
- {
- if ((xmlHttp.readyState == 4) && (xmlHttp.status == 200))
- {
- alert('success');
- }
- else
- {
- alert('fail');
- }
- }
- }
以上内容是小编给大家介绍的 JavaScript 实现 ajax 的实例代码,希望对大家有所帮助,在使用过程发现有任何疑问欢迎给我留言,小编会及时回复大家的。在此小编非常感谢大家对 phperz 网站的支持,相信我们会做的更好!
来源: http://www.phperz.com/article/17/0224/265868.html