$.AJAX与xmlhttprequest互转

最新推荐文章于 2025-05-12 21:49:28 发布

原创最新推荐文章于 2025-05-12 21:49:28 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #ajax #xhr

本文详细对比了jQuery中的$.ajax方法与原生JavaScript中XMLHttpRequest对象的使用方式，通过具体的代码示例，解析了POST请求的实现细节，包括数据发送格式及回调处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己踏过的坑，终于搞懂了：
$.ajax({
type: “POST”,
url: “/user/saveShuoshuo”,
data:{
nicheng:name,
content:txt,
time:nowTime
},
dataType: “json”,
// success: function(data){}
//error:window.location.reload()
})
等价于：
var xmlhttp = new XMLHttpRequest();
xmlhttp.open(“POST”, “/user/saveShuoshuo”, true);
//?nicheng=" + name + “&content=” + txt + “&time=” + nowTime
var fd = new FormData();
fd.append(“nicheng”, name);
fd.append(“content”, txt);
fd.append(“time”, nowTime);
xmlhttp.send(fd);
//xmlhttp.onreadystatechange = function(data){
//若响应完成且请求成功
if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
//do something, e.g. request.responseText
}