为什么用 [原生] 的 Ajax 不能获取到 [表单验证的错误信息] 呢而是重新跳转到原先的页面报 302 码,而 [jq] 是可以的!

function ajaxtest(){
/**这里是原生*/
var obj = new XMLHttpRequest();
var username = document.getElementById('username').value;
var token = document.getElementById('token').getAttribute("content");
obj.open("POST", "{{ url('/validate') }}", true);
// obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); // 添加http头,发送信息至服务器时内容编码类型
obj.setRequestHeader('X-CSRF-TOKEN', token); //
obj.onreadystatechange = function() {
if (obj.readyState == 4 && obj.status == 422) { // 304未修改
console.log(msg);
}
};
obj.send('username =' + username);
/**这里是jq*
/
$.ajax({
type: "POST",
url: "{{ url('/validate') }}",
data: "username = " + $('#username').value,
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: function(msg){
alert(msg);
},
error:function(msg){
console.log(msg.responseJSON.errors.username[0]);
}
});
}

《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 2
leo

请用 Chrome 的开发者工具,切换到“Network”一栏,自己观察两个请求的不同之处

6年前 评论

请教,我是真不知道了,请求头什么的我都设置成一样了。
但是访问同一个路由放回的响应头就是不一样!

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!