<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封装自定义ajax</title>
<script src="js/beixiAjaxBaseUtil.js"></script>
</head>
<body>
<button>传送数据</button>
</body>
<script>
document.querySelector('button').onclick=function(){
beixiAjax({
type:'get',
url:'封装自定义Ajax.php',
data:{
username:'test-beixi',
password:'test-123456'
},
success:function (res) {
console.log(res);
}
})
}
</script>
</html>js
function beixiAjax(paramsObj){
if (paramsObj.type.toLowerCase()=='get'){
var arr=[];
for (var pro in paramsObj.data){
var str=pro+"="+paramsObj.data[pro];
arr.push(str);
}
var canshuStr=arr.join('&');
paramsObj.url+=paramsObj.url.indexOf('?')==-1
?'?'+canshuStr:
'&'+canshuStr;
}else if(paramsObj.type.toLowerCase()=='post'){
var formData=new FormData;
for (var pro in paramsObj.data){
formData.append(pro,paramsObj.data[pro]);
}
}else {
console.log('请求类型有误')
}
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function () {
if (xhr.readystate==4){
if(xhr.status==200){
paramsObj.success(JSON.parse(xhr.responseText));
}
}
};
xhr.open(paramsObj.type,paramsObj.url,true);
if (paramsObj.type.toLowerCase()=='get'){
xhr.send(null);
}else if(paramsObj.type.toLowerCase()=='post'){
xhr.send(formData);
}else {
console.log('请求有误');
}
}php
<?php
$success=array('msg'=>'ok','info'=>$_GET);
echo json_encode($success);
?>老师我做的这个前端没有任何反应 ，麻烦给看看哪里的问题 谢谢老师
老师，这个怎么计算，控制台显示138，我算的136
京公网安备 11011402011233号