老师，这个练习题我不知道哪出错了，您帮我看看哪有问题？
我写的代码如下所示：
<body>
<form action="" method="post">
<input type="button" value="提交" id="butn1" name="表单01">
</form>
<script>
//获取事件元素
const butn = document.getElementById('butn1');
//绑定点击事件
butn.onclick = () => {
const url = 'https://www.imooc.com/api/http/json/search/suggest?words=js';
const xhr = new XMLHttpRequest();
butn.onload = function () {
xhr.addEventListener('load', () => {
if ((xhr.status >= 200 && xhr.status <= 300) || (xhr.status === 304) ) {
console.log(xhr.response);
console.log('响应数据可正常使用');
console.log(JSON.parse(xhr.responseText));
}
}, false);
xhr.open('POST',url,true);
//设置JSON格式的请求头；
xhr.setRequestHeader('Content-Type','application/json');
//发送一个对象类型的数据，对象内容为：username:'imooc'。
xhr.send(JSON.stringify({username:'imooc'}));
};
}
</script>
</body>
代码运行后的结果如下：
老师，麻烦您看看是哪出问题了呢？
正在回答 回答被采纳积分+1
同学你好，问题解答如下：
1、截图中查看的是并不是提交按钮是发送的请求
2、因为将发送请求的代码放在了butn的onload事件中，而butn并没有load事件，所以事件函数中的代码不会执行，导致没有效果。
建议修改：去掉butn.onload事件
点击按钮时发送的请求，结果如下：
祝学习愉快~
-
同学你好，代码没错，因为发送的是post请求，浏览器默认会有一个预请求机制。即：使用 OPTIONS 方法发起一个预检请求（preflight request），从而获知服务端是否允许该跨域请求。可以检查看下，示例：
祝学习愉快~
2022-10-10 18:40:39
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星