利用javascript实现原生简单ajax的方法。
来源:互联网 发布:os x 卸载软件 编辑:程序博客网 时间:2024/05/18 00:45
利用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请求失败回调代码
}
}
}
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.status == 200)) {
//TODO请求成功回调代码
} else {
//TODO请求失败回调代码
}
}
}
0 0
- 利用javascript实现原生简单ajax的方法。
- JavaScript实现原生ajax的方法
- 【ThinkPHP】Ajax,利用原生JavaScript的Ajax实现
- javascript 实现原生ajax的几种方法
- JavaScript 原生ajax的简单示例
- 原生JavaScript实现AJAX
- 原生javaScript实现Ajax
- JavaScript实现原生ajax
- javascript使用原生ajax的简便方法
- 基于原生javascript的ajax实现
- 原生的javascript实现ajax技术
- 原生JavaScript实现Ajax的使用
- 【JavaScript】-原生JavaScript实现Ajax
- 原生javascript的ajax
- 原生JS实现的AJAX方法、JSONP
- [JavaScript][AJAX][JQuery]利用回调接口封装AJAX类|原生JavaScript的AJAX写法优化
- 原生JavaScript实现AJAX、JSONP
- 原生JavaScript实现Ajax请求
- SpringMVC介绍之视图解析器ViewResolver
- Android Camera异常:java.lang.RuntimeException: Fail to connect to camera service
- 将秒数转化为时分秒格式(00:00:00)
- 简单CMakeLists的编写
- 怎样用jquery编码和解码url
- 利用javascript实现原生简单ajax的方法。
- 如何分叉以太坊并变成私链?
- Flask Web开发学习之“HelloWorld”
- eclipse open preference dialog
- jquery操作select、input的多种方法(选中,取值,赋值等)
- 1118. Birds in Forest 解析
- mac_os_10以后安装软件没有任何来源
- 第三章:基本概念(语句和函数)
- L1、L2惩罚项降维的原理