$.ajax中的$作用是什么？出现$ not defined错误如何解决？

问题1：$.ajax中的$有什么用途？ #

• $是jQuery库提供的全局简写变量，和jQuery这个核心对象完全等价。
• $.ajax()就是调用jQuery封装好的异步请求方法，用来替代原生XMLHttpRequest，简化HTTP请求的编写流程，帮你处理请求头设置、参数序列化、响应解析等繁琐细节。
• 除了ajax()，$还能调用jQuery的其他核心功能，比如$("selector")用于快速选取DOM元素，$.get()、$.post()这类快捷请求方法。

问题2：遇到"$ not defined"错误，该如何解决？ #

这个错误的核心原因是当前运行环境中未加载jQuery库，或者加载顺序错误，导致$这个全局变量不存在。以下是几种解决方式：

1. 正确引入jQuery库 #

在HTML中，确保在你的自定义JS代码之前引入jQuery文件：

<!-- 引入本地jQuery文件，确保文件路径正确 -->
<script src="jquery.min.js"></script>
<!-- 也可以引入公开CDN上的jQuery资源 -->

必须保证jQuery的引入脚本在包含temp()函数的脚本之前执行，这样$才能被正确识别。

2. 使用jQuery无冲突模式（处理多库冲突） #

如果页面中还有其他JS库（比如Prototype）也使用了$变量，可以释放$的控制权，改用jQuery调用方法：

jQuery.noConflict();
function temp(){
  jQuery.ajax({
    url: "http://localhost:8000/sendmessagelol",
    type: "POST",
    data: {test:"test data lolololol"},
    headers: {token: token},
    success: function(response){
      console.log('response: ', response);
      callback(response);
    },
    error: function(response){
      console.log('response: ', response);
      callback(response);
    }
  });
}

3. 改用原生JS发起请求（无需jQuery） #

如果不想依赖jQuery，可以直接使用原生fetch API替代$.ajax()，此时不需要定义$：

function temp(){
  fetch("http://localhost:8000/sendmessagelol", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      token: token
    },
    body: JSON.stringify({test:"test data lolololol"})
  })
  .then(res => res.json())
  .then(response => {
    console.log('response: ', response);
    callback(response);
  })
  .catch(error => {
    console.log('response: ', error);
    callback(error);
  });
}

内容的提问来源于stack exchange，提问作者Kaivalya Ingle