利用javascript实现原生简单ajax的方法。
2017-03-16 14:22
901 查看
利用javascript实现原生简单ajax的方法。
实现ajax之前必须要创建一个 XMLHttpRequest (IE6↑)对象。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject(IE6),具体方法如下:
var objectRequest;
function createXmlHttpRequest() {
if (window.XMLHttpRequest) {
objectRequest=new XMLHttpRequest();
} else if (window.ActiveXObject )
objectRequest= new ActiveXObject("Microsoft.XMLHTTP");
}
(1)实现简单的ajax get请求:
function doGet(url){
createxmlHttpRequest();
objectRequest.open("GET",url,true);
objectRequest.send(null);
objectRequest.onreadystatechange = function() {
if ((objectRequest.readyState == 4) && (objectRequest.status
== 200)) {
//TODO请求成功回调代码
} else {
//TODO请求失败回调代码
}
}
}
(2)实现简单的ajax post请求:
function doPost(url,data){
createxmlHttpRequest();
objectRequest.open("POST",url,true);
objectRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
objectRequest.send(data);
objectRequest.onreadystatechange = function() {
if ((objectRequest.readyState == 4) && (objectRequest
8bce
.status
== 200)) {
//TODO请求成功回调代码
} else {
//TODO请求失败回调代码
}
}
}
实现ajax之前必须要创建一个 XMLHttpRequest (IE6↑)对象。如果不支持创建该对象的浏览器,则需要创建 ActiveXObject(IE6),具体方法如下:
var objectRequest;
function createXmlHttpRequest() {
if (window.XMLHttpRequest) {
objectRequest=new XMLHttpRequest();
} else if (window.ActiveXObject )
objectRequest= new ActiveXObject("Microsoft.XMLHTTP");
}
(1)实现简单的ajax get请求:
function doGet(url){
createxmlHttpRequest();
objectRequest.open("GET",url,true);
objectRequest.send(null);
objectRequest.onreadystatechange = function() {
if ((objectRequest.readyState == 4) && (objectRequest.status
== 200)) {
//TODO请求成功回调代码
} else {
//TODO请求失败回调代码
}
}
}
(2)实现简单的ajax post请求:
function doPost(url,data){
createxmlHttpRequest();
objectRequest.open("POST",url,true);
objectRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
objectRequest.send(data);
objectRequest.onreadystatechange = function() {
if ((objectRequest.readyState == 4) && (objectRequest
8bce
.status
== 200)) {
//TODO请求成功回调代码
} else {
//TODO请求失败回调代码
}
}
}
相关文章推荐
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法(转)
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用JavaScript及jQuery实现图片预加载的简单方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法及优缺点分析
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 【ThinkPHP】Ajax,利用原生JavaScript的Ajax实现
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- 原生javascript和jquery实现简单的ajax例子
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- javascript实现原生ajax的几种方法介绍
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法