<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
function ajax(parm){
//创建ajax对象
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
xhr = ActiveXObject('Microsoft.XMLHTTP')
}
//回调函数
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var result = xhr.responseText;//只考虑json格式
// var use = JSON.parse(result);
if (parm.success='function'){
parm.success(result)
};
}else{
parm.erro()
};
}
}
if(parm.type=='get'){
var URL=parm.url +"?"+'key=value';
}
else if (parm.type=='post'){
xhr.setRequestHeader("Content-Type","application/x-www/form-urlencode");
};
xhr.open(type,URL,true);
xhr.send(null);
};
$(function(){
$("#btn").click(function(){
var parm1 = {
type:'get/post',
dataType:"xml/json",
url:'01data.php',//如果type=get则URL='URL?code='+value;data设置为null
data:{key:value},
success:function(use){
alert(use)
},
erro:function(){}
};
ajax(parm1);
})
})
</script>
</head>
<body>
<input type="button" id="btn" value="click">
<div id="show"></div>
</body>
</html>
</body>
</html>
原生ajax封装
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 原生Ajax封装 http://www.jianshu.com/p/ff9e1139ea51 jQuery-Aja...
- AJAX: XMLHttpRequest是AJAX的基础 1.创建一个XMLHttpRequest对象: 2.用X...