ajax获取用户列表,案例：用ajax get方法 查询用户列表

html文件

获取用户列表

uidunameupwdemailphoneavataruser_namegender

function getlist(){

//创建异步对象

var xhr=new XMLHttpRequest();

//监听获取响应

xhr.onreadystatechange=function(){

if(xhr.readyState==4&&xhr.status==200){

var result=xhr.responseText;

//得到响应数据，使用dom把结果放进div

var arr=JSON.parse(result);

console.log(arr);

for(var i=0;i

content.innerHTML+=`

${arr[i].uid}${arr[i].uname}${arr[i].upwd}${arr[i].email}${arr[i].phone}${arr[i].avatar}${arr[i].user_name}${arr[i].gender}

`;};

};

};

//打开连接 创建请求

xhr.open("get","http://127.0.0.1:8080/ajax/userlist",true);

//发送请求

xhr.send();

};