function json2str(json) {
// 0.给json添加随机因子
json.t = Math.random();
// 1.将json转换为数组
var arr = [];
for(var key in json){
arr.push(key+"="+encodeURIComponent(json[key]));
}
// 2.将数组转换为字符串返回
return arr.join("&");
}
function ajax(type, url, timeout, json, success, error) {
var str = json2str(json);
// 1.创建异步对象
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest()
}else{
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
if(type == "get"){
// 2.设置URL
xhr.open(type, url+"?"+str);
// 3.发送请求
xhr.send();
}else{
// 2.设置URL
xhr.open(type, url);
// 设置请求头
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
// 3.发送请求
xhr.send(str);
}
// 4.注册事件
xhr.onreadystatechange = function () {
// 5.处理返回数据
// 判断请求状态
if(xhr.readyState == 4){
clearTimeout(timer);
// 判断HTTP状态
if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
success(xhr.responseText);
}else{
error(xhr.status);
}
}
}
// 6.超时处理
if(timeout){
var timer = setTimeout(function () {
xhr.abort(); // 中断请求
}, timeout);
}
}
Ajax
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1.什么是ajax: (异步的javascript和xml),ajax并不是一门新的技术，而是多种技术的组合（ht...
- 箭头函数 Map var map = new Map() 对象 设置 ma...
- 赋值表达式 document.onclick = document.onmouseover = fn; ...
- 前言 博主博客：Stillwater的博客本文为作者原创转载请注明出处：http://hiztx.top/2017...
- 教练，我要学 JavaScript！我要当前端！好，那你懂 Ajax 吗？你知道为什么要学 Ajax 吗？如果你的...
