共计 2437 个字符，预计需要花费 7 分钟才能阅读完成。
1. jquery ajax 怎么写？
$.ajax({
url:‘/comm/test1.php’,
type:‘POST’, //GET
async:true, // 或 false, 是否异步
data:{
name:‘yang’,age:25
},
timeout:5000, // 超时时间
dataType:‘json’, // 返回的数据格式：json/xml/html/script/jsonp/text
beforeSend:function(xhr){
console.log(xhr)
console.log(‘发送前’)
},
success:function(data,textStatus,jqXHR){
console.log(data)
console.log(textStatus)
console.log(jqXHR)
},
error:function(xhr,textStatus){
console.log(‘错误’)
console.log(xhr)
console.log(textStatus)
},
complete:function(){
console.log(‘结束’)
}
})
**
2. 原生 javascript 怎么实现？
**
$(‘#send’).click(function(){
// 请求的 5 个阶段，对应 readyState 的值
//0: 未初始化，send 方法未调用；
//1: 正在发送请求，send 方法已调用；
//2: 请求发送完毕，send 方法执行完毕；
//3: 正在解析响应内容；
//4: 响应内容解析完毕；
var data =‘name=yang’;
var xhr = new XMLHttpRequest(); // 创建一个 ajax 对象
xhr.onreadystatechange = function(event){// 对 ajax 对象进行监听
if(xhr.readyState == 4){// 4 表示解析完毕
if(xhr.status == 200){//200 为正常返回
console.log(xhr)
}
}
};
xhr.open(‘POST’,‘url’,true); // 建立连接，参数一：发送方式，二：请求地址，三：是否异步，true 为异步
xhr.setRequestHeader(‘Content-type’,‘application/x-www-form-urlencoded’); // 可有可无
xhr.send(data); // 发送
});
3. 它与 $.post ,
.
g
e
t
,
.get ,
.get,.getJSON 有什么不同?
$.post，这个函数其实就是对 $.ajax 进行了更进一步的封装，减少了参数，简化了操作，但是运用的范围更小了。
$.post 简化了数据提交方式，只能采用 POST 方式提交。只能是异步访问服务器，不能同步访问，不能进行错误处理。在满足这些情况下，我们可以使用这个函数来方便我们的编程，它的主要几个参数，像 method，async 等进行了默认设置，我们不可以改变的。
语法:
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
$(“button”).click(function(){
$.post(“/try/ajax/demo_test_post.php”,
{
name:“菜鸟教程”,
url:“http://www.runoob.com”
},
function(data,status){
alert(“数据: n”+ data + “n 状态: ” + status);
});
});
.
g
e
t
，和
.get，和
.get，和 .post 一样，这个函数是对 get 方法的提交数据进行封装，只能使用在 get 提交数据解决异步刷新的方式上，使用方式和上边的也差不多。
语法：
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
$(“button”).click(function(){
自我介绍一下，小编 13 年上海交大毕业，曾经在小公司待过，也去过华为、OPPO 等大厂，18 年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024 年 Web 前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合 3 年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了 95% 以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『 难的不会，会的不难 』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可领取
域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。
我特地针对初学者整理一套前端学习资料分享给大家，戳这里即可领取
[外链图片转存中…(img-4emeKXyh-1712559111857)]
原文地址: 【前端面试】谈谈你对 jQuery 中的 ajax 方法的了解
