jQuery AJAX 请求

$.get/$.post/$.ajax 发送 HTTP 请求 · 难度：进阶 · +20XP

jQuery AJAX

jQuery 封装了 AJAX 请求，比原生 XMLHttpRequest 简洁太多。

三种请求方式

// GET
$.get("/api/users", {page:1}, function(data){ console.log(data); });
// POST
$.post("/api/users", {name:"张三"}, function(data){ console.log("created"); });
// 完整控制
$.ajax({url:"/api/data",method:"POST",data:JSON.stringify(obj),
  contentType:"application/json",success:fn,error:fn});

在 Fetch API 出现之前，这是前端最主流的 HTTP 请求方式。现在仍有很多老项目在用。

学习与实践建议

1. 先理解本节的核心概念和语法规则
2. 在右边编辑器中修改示例代码，观察运行结果变化
3. 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
4. 遇到问题时，查阅官方文档是最快的学习途径

编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！