<script>
document.onclick = function(){
var url = "http://localhost/ajax/data/get-post.php";
ajax({
success:function(res){
console.log(res);
},
url:url,
type:"get",
data:"user=admin&pass=123"
});
}
function ajax(ops){
// 默认属性处理
ops.type = ops.type || "get";
ops.data = ops.data || "";
// 根据当前的请求方式,决定是否需要拼接数据,处理url
ops.url = ops.type=="get" ? ops.url + "?" + ops.data : ops.url;
// if(ops.type=="get"){
// ops.url = ops.url+ops.data
// }
// 创建xhr对象
var xhr = new XMLHttpRequest();
// 开启请求
xhr.open(ops.type, ops.url);
// 根据类型决定send的内容及内容数据格式
if(ops.type == "get"){
xhr.send();
}else{
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(ops.data);
}
// 开启监听
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
// 执行回调函数,取出数据
ops.success(xhr.responseText);
}
}
}
</script>
ajax GET和POST函数的封装。
最新推荐文章于 2022-02-25 11:15:34 发布