请问，这样算实现了吗？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ajax5-6</title>
</head>
<body>
<input type="submit" name="" id="btn">
<script>
const btn=document.getElementById('btn');
const url='https://www.imooc.com/api/http/search/suggest?words=js'; //接口需要和后端联系
btn.onclick=function(e){
e.preventDefault();
const xhr=new XMLHttpRequest();
xhr.onload=function(){
if(
(xhr.status>=200&&xhr.status<300||
xhr.status===304)
){
console.log(xhr.response);
};
};
xhr.open('POST',url,true);
const data={username:'imooc'};
xhr.send(JSON.stringify(data));
}
</script>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示
正在回答 回答被采纳积分+1
同学你好，整体思路是对，但是请求数据的地址不对，且没有设置请求头，如下图所示：
建议修改：调整地址，使用setRequestHeader设置请求头信息。
祝学习愉快~
-
Vigorous阿炎 #1
之前是这样的请求头
// xhr.setRequestHeader('Content-Type',
// "application/x-www-form-urlencoded");
您这样的请求头是从接口里面network找到的么？直接复制的里面的？
2020-11-28 18:27:33 -
同学你好， 在前面的课程中老师有讲解，将请求头设置为json格式的方式，如下图所示：
同学可以回顾下课程，加深记忆 https://class.imooc.com/lesson/1644#mid=39197
祝学习愉快~
2020-11-28 19:10:28 -
噢噢，之所以后来加上onload,以及表单后。把这个格式删去了，是因为表单有默认这个头部格式，已经告诉服务器了，所以不用再写了，而这里是json格式的和表单默认的格式不一样所以需要再把这个格式给加上。
2020-11-29 10:02:49
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星