解释$.getScript()方法和 $.getJson() 方法有什么区别？

八股文_JQuery面试题 0 20

在 jQuery 中，$.getScript() 和 $.getJSON() 都是用于进行异步的 HTTP 请求，但它们用于不同的目的，处理不同类型的数据，并且在请求和响应的处理上有所区别。

$.getScript() 是 jQuery 中的一个方法，用于从服务器加载 JavaScript 文件并执行该脚本。该方法通常用于动态加载外部 JavaScript 文件。

示例：

$.getScript("https://example.com/someScript.js", function() {
  console.log("Script loaded and executed.");
});

$.getJSON() 是 jQuery 中的一个方法，用于从服务器请求 JSON 格式的数据并在回调函数中处理该数据。通常用于异步请求 JSON 数据，并且返回的数据会自动解析为 JavaScript 对象。

示例：

$.getJSON("https://api.example.com/data", function(data) {
  console.log("Received JSON data:", data);
});

特性	`$.getScript()`	`$.getJSON()`
功能	加载并执行外部 JavaScript 脚本	获取 JSON 格式的响应并自动解析为 JavaScript 对象
返回值	不返回数据，只执行脚本	返回一个解析后的 JavaScript 对象
用途	动态加载并执行 JavaScript 文件	异步加载并解析 JSON 数据
数据格式	无数据格式要求，加载的内容是 JavaScript 代码	响应必须是 JSON 格式的字符串
回调	加载并执行脚本后触发回调	接收到的 JSON 数据自动作为对象传递给回调函数

$.getScript()：
- 用于在页面加载后动态加载外部的 JavaScript 文件。比如，加载第三方库或动态加载需要执行的脚本（如广告脚本、插件脚本等）。
- 示例：动态加载 Google Analytics 脚本：
```
$.getScript('https://www.google-analytics.com/analytics.js', function() {
  console.log('Google Analytics script loaded');
});
```
$.getJSON()：
- 用于从服务器异步加载 JSON 格式的数据。广泛用于获取 API 数据、加载配置文件、或者动态加载内容。
- 示例：从一个 API 获取用户信息：
```
$.getJSON('https://api.example.com/users/1', function(data) {
  console.log('User data:', data);
});
```

两者的关键区别在于 $.getScript() 主要处理 JavaScript 文件的加载和执行，而 $.getJSON() 主要用于处理从服务器获取并解析 JSON 数据。